Setting html id on a sub menu's <ul> with Telerik MVC Menu Control -


using telerik asp.net mvc menu control, i'm trying id on ul's in sub menus. i've tried putting htmlattributes(new { @id="myid" }) call in few places can't seem figure out put id on .

in code snippet below, i've shown 2 places i've tried calling htmlattributes method. comment after call explains telerik control putting id.

@(html.telerik().menu()     .name("mainmenu")     .items(menu =>     {         menu.add()             .text("tools")             .items(item =>             {                 item.add().text("add toolbox").htmlattributes(new {@id="toolsmenu"}); @* puts id on "add toolbox" <li>*@                 item.add().text("toolbox");             }).htmlattributes(new {@id="toolsmenu"}); @* puts id on "tools" <li>*@         menu.add()             .text("setup")             .items(item =>             {                 item.add().text("print header");                 item.add().text("menulabelaccountinformation");             });  }).openonclick(true)) 

is there way id on <ul> control?

you can't set id attribute of ul server side code. use jquery hooking menu's onload client-side event:

<script type="text/javascript">   function onload() {      var id = 0;      $(this).find("ul").each( function() {         this.id = "ul_" + id;         id ++;      });   } </script> 

Comments

Popular posts from this blog

c# - How to set Z index when using WPF DrawingContext? -

razor - Is this a bug in WebMatrix PageData? -

visual c++ - Using relative values in array sorting ( asm ) -