如何在asp.net菜单中更改类名 [英] How to change the Class name in asp.net menu

问题描述

亲爱的专家，



我正在做一个Asp.net项目，我是asp.net菜单控件的新手......

我使用XML文件填充菜单项..



它工作正常......我必须自定义其中的一些项目...



运行我的项目后我拿到了我的页面来源

这是下面的页面来源。

Dear Experts,

I am doing an Asp.net project, And i am new in asp.net menu control..
I am populating the menu items using XML file..

And it is working fine... and i have to customize some items in it...

After run my project i took my page source
Here is the below page source.

<section class="navigable">

<a href="#Demomenu_ZS_SM_Menu_SkipLink" style="removed:absolute;removed-10000px;removedauto;width:1px;height:1px;overflow:hidden;">Skip Navigation Links</a><div id="Demomenu_ZS_SM_Menu">
    <ul class="level1">
        <li>
            <a class="popout level1" href="#"  önclick="__doPostBack('ctl00$Demomenu$ZS_SM_Menu','Main styles')">Main styles</a>
                <ul class="level2">
                    <li>
                        <a class="level2" href="UserControls/typography.html">Typography</a>
                    </li>
                    <li>
                        <a class="level2" href="UserControls/columns.html">Columns</a>
                    </li>
                    <li>
                        <a class="level2" href="UserControls/tables.html">Tabless</a>
                    </li>
                    <li>
                        <a class="level2" href="UserControls/colors.html">Colors & backgrounds</a>
                    </li>
                </ul>
        </li>
        <li>
            <a class="popout level1" href="#"  önclick="__doPostBack('ctl00$Demomenu$ZS_SM_Menu','Main features')">Main features</a>
                <ul class="level2">
                    <li>
                        <a class="level2" href="UserControls/auto-setup.html">Automatic setup</a>
                    </li>
                    <li>
                        <a class="level2" href="UserControls/responsive.html">Responsiveness</a>
                    </li>
                    <li>
                        <a class="level2" href="UserControls/tabs.html">Tabs</a>
                    </li>
                </ul>

        </li>
        <li>
            <a class="level1" href="UserControls/ajax-demo/submenu.html">With ajax sub-menu</a>
        </li>
    </ul>
</div><a id="Demomenu_ZS_SM_Menu_SkipLink"></a>



</section>

这是第一个ul标签包含默认类

Here is the First ul tag contains the default class

class="level1"

我需要将类名更改为Bigcol



就像明智的需要更改内部li类



这是我的XML

I need to change the classname to "Bigcol"

like wise need to change the inner li class

Here is my XML

<Items>
  <MenuItem NavigationUrl ="" Text="Main styles">
    <MenuItem NavigationUrl ="typography.html" Text="Typography"></MenuItem>
    <MenuItem NavigationUrl ="columns.html" Text="Columns"></MenuItem>
    <MenuItem NavigationUrl ="tables.html" Text="Tabless"></MenuItem>
    <MenuItem NavigationUrl ="colors.html" Text="Colors & backgrounds"></MenuItem>
  </MenuItem>

  <MenuItem NavigationUrl ="" Text="Main features">
    <MenuItem NavigationUrl ="auto-setup.html" Text="Automatic setup"></MenuItem>
    <MenuItem NavigationUrl ="responsive.html" Text="Responsiveness"></MenuItem>
    <MenuItem NavigationUrl ="tabs.html" Text="Tabs"></MenuItem>
  </MenuItem>
  <MenuItem NavigationUrl ="ajax-demo/submenu.html" Text="With ajax sub-menu"></MenuItem>
</Items>

这是我的asp.net控件

Here is my asp.net control

<asp:XmlDataSource ID="XmlDataSource1" DataFile="~/zybomenu.xml" XPath="/Items/MenuItem" runat="server"></asp:XmlDataSource>


           <asp:Menu ID="ZyboSoft_SM_Menu" DataSourceID="XmlDataSource1" runat="server">
               <DynamicMenuItemStyle CssClass="big-menu"/>
               <DataBindings>
                   <asp:MenuItemBinding DataMember="MenuItem" TextField="Text" NavigateUrlField="NavigationUrl"/>
               </DataBindings>
           </asp:Menu>

请帮我解决这个问题问题。



谢谢和问候，



Dileep .....

Please help me to solve this issue.

Thanks and Regards,

Dileep.....

推荐答案

Demomenu

ZS_SM_Menu'，'主要样式'） > 主要样式< / a >
< ul class = level2 >
< li >
< a class = level2 href < span class =code-keyword> = 使用rControls / typography.html > 排版< / a >
< / li >
< li >
< a class = level2 href = UserControls / columns.html > ; 列< ; / a >
< / li >
< li >
< a class = level2 href = UserControls / tables.html > Tabless < / a >
< / li >
< li >
< a class = level2 href = UserControls / colors.html > 颜色&背景< / a >
< / li >
< / ul >
< / li > ;
< li >
< a class = popout level1 href = ＃ önclick = < span class =code-keyword> __ doPostBack（'ctl00

ZS_SM_Menu','Main styles')">Main styles</a> <ul class="level2"> <li> <a class="level2" href="UserControls/typography.html">Typography</a> </li> <li> <a class="level2" href="UserControls/columns.html">Columns</a> </li> <li> <a class="level2" href="UserControls/tables.html">Tabless</a> </li> <li> <a class="level2" href="UserControls/colors.html">Colors & backgrounds</a> </li> </ul> </li> <li> <a class="popout level1" href="#" önclick="__doPostBack('ctl00

Demomenu

这篇关于如何在asp.net菜单中更改类名的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！