asp.net中menu控件的使用

 Menusite.xlm文件:

   <?xml version="1.0" encoding="utf-8" ?>
<Menus value="">
    <TopMenu id="100" value ="" ImageUrl="~/App_Themes/Public/images/PublicImages/topMenu_stl.jpg"  NavigateUrl="" >
        <TopMenuItem id="101" value="Apply for Short Term Lease of State Land" NavigateUrl="~/TOL/Issuance/AppTOLApplication.aspx"></TopMenuItem>
        <TopMenuItem id="102" value="Manage My Existing Account" NavigateUrl="~/CaseEnquiry/HomeAuthenticate.aspx?ShowPanel=true"></TopMenuItem>
        <TopMenuItem id="103" value="View Messages for My Applications" NavigateUrl="~/CommonUtility/Email/ListAppCorrespondence.aspx"></TopMenuItem>
    </TopMenu>
    <TopMenu id="200" value ="" ImageUrl="~/App_Themes/Public/images/PublicImages/topMenu_aosl.jpg" NavigateUrl="" >
        <TopMenuItem id="202" value="Manage My Existing State Title" NavigateUrl=""></TopMenuItem>
        <TopMenuItem id="203" value="View Messages for My Applications" NavigateUrl=""></TopMenuItem>
    </TopMenu>
    <TopMenu id="300" value ="" ImageUrl="~/App_Themes/Public/images/PublicImages/topMenu_lup.jpg" NavigateUrl="">
        <TopMenuItem id="301" value="Submit Proposal for Land Use" NavigateUrl=""></TopMenuItem>
    </TopMenu>
    <TopMenu id="500" value ="" ImageUrl="~/App_Themes/Public/images/PublicImages/topMenu_logout.jpg"  NavigateUrl="~"Logout.aspx" >
    </TopMenu>

</Menus>

   html中创建xmldatasource和asp:menu控件:

    <asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="Menusite.xml"></asp:XmlDataSource>
        <asp:Menu DataSourceID="XmlDataSource1" runat="server" ID="Menu1" MaximumDynamicDisplayLevels="4"
                                    Orientation="Horizontal" StaticDisplayLevels="2" StaticEnableDefaultPopOutImage="False"
                                    DynamicEnableDefaultPopOutImage="false" StaticSubMenuIndent="" ItemWrap="True">
           <DataBindings>
               <asp:MenuItemBinding DataMember="TopMenu" ImageUrlField="ImageUrl" TextField="value"
                    NavigateUrlField="NavigateUrl" ValueField="value" />
               <asp:MenuItemBinding DataMember="TopMenuItem" NavigateUrlField="NavigateUrl" TextField="value"
                    ValueField="value" />
               <asp:MenuItemBinding DataMember="Menus" TextField="value" ValueField="value" />
           </DataBindings>

        </asp:Menu>

   menu的确够全面,只需要设置属性就可以满足你的要求,无需任何代码:

          MaximumDynamicDisplayLevels:指定在静态显示层后应显示的动态显示菜单节点层数。如果设置为0,子节点将不显示动态。

          Orientation:用于在页面上设置一个水平菜单条。

          StaticDisplayLevels:从根菜单算起,静态显示的菜单的层数。上面的小技巧为:xml必须有根节点,但是在菜单显示的时候要显示第二层的菜单项,所以将此

                                      xml的根节点value设为空,然后设置saticDisplayLeves为2,这样用户看到的就是静态显示的第二层。

          StaticEnableDefaultPopOutImage:静态菜单项默认显示带有小箭头,设置为false,将修改这个状态。

           DynamicEnableDefaultPopOutImage:设置动态显示是否带有小箭头。

          StaticSubMenuIndent:控制显示了子菜单条目的缩进深度,如果这些菜单层级被设置为以静态模式显示。

          ItemWrap:设置菜单项是否可以换行。

  通过上面的设置可以轻松的制作出想要的menu的样式

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值