大佬教程收集整理的这篇文章主要介绍了如何在kendo UI MVC菜单中添加字体真棒图标?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@(Html.Kendo().Menu() .Name("PreferencesMenu") .HtmlAttributes(new { style = "width: 125px; height:900px; border:0px;" }) .Direction("down") .orientation(MenuOrientation.Vertical) .Items(items => { items.Add() .Text("Account"); items.Add() .Text("Notification") .Items(children => { children.Add().Text("Email"); }); items.Add() .Text("Theme"); }) )
有谁知道如何在.Text(“帐户”)之前添加一个字体真棒图标; ?
如果更改.Text(“帐户”)
.Text("<span class=\"fa fa-arrow-up\"></span> Account").Encoded(false)
然后应该在Account旁边显示一个向上箭头. (显然将Font Awesome元素更改为您想要的元素.
编辑:我已添加以下示例,以显示此工作在多个级别并在子级别添加字体
@(Html.Kendo() .Menu() .Name("men") .Items(item => { item.Add() .Text("<span class=\"glyphicons glyphicons-ok\"> </span>some item") .Items(i => { i.Add().Text("<span class=\"glyphicons glyphicons-plus\"></span> Hello").Encoded(false); } ) .Encoded(false); item.Add() .Text("<span class=\"glyphicons glyphicons-thumbs-up\"> </span>some item") .Items(i => { i.Add().Text("Hello"); }) .Encoded(false); }) )
设置.Encoded(false)的原因是渲染引擎只传递数据并假设它是安全的代码来写出它相当于做
@ Html.Raw(“< p> some html here< / p>”)
通过将其设置为true,系统只会将传入的文本视为字符串,并且不会尝试解释文本,然后应用任何“html / javascript”识别,例如. < p>我是段落< / p>如果encoding设置为true,则渲染为< p>我是段落< / p>如果false会给你我是段落,因为它是自己的段落,标记将应用于页面.
以上是大佬教程为你收集整理的如何在kendo UI MVC菜单中添加字体真棒图标?全部内容,希望文章能够帮你解决如何在kendo UI MVC菜单中添加字体真棒图标?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。