图片
面板栏允许您在其项目中包含图像或精灵图标。
图片
您可以在ASP的Telerik UI中包含图像。。NET MVC面板栏项.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 ().)Text("Top News") .ImageUrl(Url.Content("~/shared/icons/16/star.png"));baseball.Add()。Text("Photo Galleries") .ImageUrl(Url.Content("~/shared/icons/16/ Photo .png"));baseball.Add()。Text("Video Records") .ImageUrl(Url.Content("~/shared/icons/16/ Video .png"));baseball.Add()。Text("Radio Records") .ImageUrl(Url.Content("~/shared/icons/16/speaker.png"));});}))
精灵
您还可以在ASP的Telerik UI中设置精灵。。NET MVC面板栏项.SpriteCssClasses ()
配置选项并指定精灵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”);});}))