如下代码:
<asp:Menu ID=“menu1” runat=“server” OnMenuItemClick=“menu1_MenuItemClick” Orientation=“Horizontal” StaticEnableDefaultPopOutImage=“false” StaticHoverStyle-BackColor=“Window” StaticHoverStyle-BorderStyle=“Dashed” StaticHoverStyle-Font-Underline=“true” Width=“168px”>
<asp:MenuItem Text=“线上缴费管理” Value=“0”></asp:MenuItem>
<asp:MenuItem Text=“物业报修管理” Value=“1”></asp:MenuItem>
<asp:MenuItem Text=“家政服务管理” Value=“2”></asp:MenuItem>
//MenuItem表示菜单menu1下的子菜单
</asp:Menu>
<asp:MultiView ID=“MultiView1” runat=“server” ActiveViewIndex=“0”>
<asp:View ID=“Tab0” runat=“server”>
</asp:View>
<asp:View ID=“Tab1” runat=“server”>
</asp:View>
<asp:View ID=“Tab2” runat=“server”>
</asp:View> //每个view控件都依次对应上面的MenuItem控件
</asp:MultiView>
OnMenuItemClick表示MenuItem控件的点击事件;点击相应的MenuItem控件会出现相应的view视图
上面的代码是简化过的,视图的布局要自行设计。
注意:asp:MenuItem的Value索引值要以0开始,要不会报错。
asp:MultiView中是否有行为属性:ActiveViewIndex=“0”