图片

面板栏允许你在它的项目中包含图像或精灵图标。

图片

您可以在用于ASP的Telerik UI中包含图像。的Core PanelBar项.ImageUrl ()配置选项，并将图像Url作为参数传递:

@(Html.Kendo(). panelbar (). name ("panelbar-images") . items (panelbar => {panelbar. add (). text ("Baseball") . imageurl (Url.Content("~/shared/icons/sports/ Baseball .png")) . items (Baseball => {Baseball . add (). name ("panelbar-images") . item (image eurl (Url.Content("~/shared/icons/16/star.png"));baseball.Add()。image eurl (Url.Content("~/shared/icons/16/ Photo .png"));baseball.Add()。image eurl (Url.Content("~/shared/icons/16/ Video .png"));baseball.Add()。imageurl (Url.Content("~/shared/icons/16/speaker.png"));});}))

              .

精灵

你也可以在Telerik UI中设置精灵。的Core PanelBar项.SpriteCssClasses ()配置选项并指定sprite CSS类:

@(Html.Kendo().PanelBar() .Name("panelbar-sprites") .Items(panelbar => {panelbar. add ().Text("Brazil") .SpriteCssClasses("brazilFlag") .Items(Brazil => {Brazil . add ().Text("History") .SpriteCssClasses("historyIcon");brazil.Add()。text(“地理”).SpriteCssClasses(“geographyIcon”);});}))

另请参阅

• PanelBar HtmlHelper中的图像。NET Core(演示)
• PanelBar服务器端API