asp.net中Menu控件使用,以及子选项向下展开,父选项横向展开的设置

时间:2024-04-13 13:50:51

1、打开工具箱,选择menu控件拖动到窗体中

       asp.net中Menu控件使用,以及子选项向下展开,父选项横向展开的设置

2.点击属性中的编辑菜单项

     asp.net中Menu控件使用,以及子选项向下展开,父选项横向展开的设置

3.点击添加根项和添加子项来丰富菜单项

    红框所示为添加根项,右边属性的TEXT中设置名称

     asp.net中Menu控件使用,以及子选项向下展开,父选项横向展开的设置

     添加后的结果:

     asp.net中Menu控件使用,以及子选项向下展开,父选项横向展开的设置

4.设置菜单显示样式

   未设置之前运行显示的结果:

       asp.net中Menu控件使用,以及子选项向下展开,父选项横向展开的设置

      若想让根项横向显示,子项纵向显示,则点击属性的Orientation选项,将其改为Horizontal:

             asp.net中Menu控件使用,以及子选项向下展开,父选项横向展开的设置

        此时可达到以下效果:

        asp.net中Menu控件使用,以及子选项向下展开,父选项横向展开的设置

      但是可以看到子项间的间距过窄,不太美观,需要进行一定调整,按照如下步骤设置:

           点击LevelMenuItemStyle

            asp.net中Menu控件使用,以及子选项向下展开,父选项横向展开的设置

           添加一级目录和二级目录样式,设置右边属性中的Horizontal padding和Vertical Padding

             asp.net中Menu控件使用,以及子选项向下展开,父选项横向展开的设置

             最终可获得如下效果:

            asp.net中Menu控件使用,以及子选项向下展开,父选项横向展开的设置