Kendo菜单BindTo Sitemap并配置每个项目

Question

当菜单绑定到web.sitemap时，如何为每个项添加样式（htmlattribute）

的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菜单绑定到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();

由于

Answer 1

找到了将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();