[英]Kendo Menu BindTo Sitemap and configure each item
How can I add styling(htmlattribute) to each item while menu bind to web.sitemap 当菜单绑定到web.sitemap时,如何为每个项目添加样式(htmlattribute)
web.sitemap web.sitemap
<?xml version="1.0" encoding="utf-8" ?>
<siteMap>
<siteMapNode title="Home" controller="Home" action="Overview">
<siteMapNode title="Grid">
<siteMapNode controller="grid" action="index" title="First Look (Razor)" area="razor"/>
<siteMapNode controller="grid" action="index" title="First Look (ASPX)" area="aspx"/>
</siteMapNode>
<siteMapNode title="Menu">
<siteMapNode controller="menu" action="index" title="First Look (Razor)" area="razor"/>
<siteMapNode controller="menu" action="index" title="First Look (ASPX)" area="aspx"/>
</siteMapNode>
</siteMapNode>
</siteMap>
Kendo Menu Binding to web.sitemap 剑道菜单绑定到web.sitemap
Html.Kendo().Menu()
.Name("Menu")
.BindTo("web", (item, value) => {
if(item.Text.Equals("Home"))
{
item.Enabled = false;
// how can i add css style to the item here
}
})
.Render();
Thanks 谢谢
found the solution to apply css to each menu item with condition 找到了将css应用于带有条件的每个菜单项的解决方案
Html.Kendo().Menu()
.Name("Menu")
.BindTo("web", (item, value) => {
if(item.Text.Equals("Home"))
{
item.Enabled = false;
item.HtmlAttributes.Add("style", "background-color:#CCCCCC;");
item.LinkHtmlAttributes.Add("style", "font-weight:bold; color:black;");
}
})
.Render();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.