NET中選項卡控件的用法

 

1.拖一個標題控件<asp:Menu>,設置好標題，這裏我們設置三個卡片。

 <asp:Menu ID="Menu1" runat="server"  Orientation="Horizontal" 
            StaticEnableDefaultPopOutImage="False"  OnMenuItemClick="Menu1_MenuItemClick">
            <Items>
                <asp:MenuItem Text="tab1" Value="0"></asp:MenuItem>
                <asp:MenuItem Text="tab2" Value="1"></asp:MenuItem>
                <asp:MenuItem Text="tab3" Value="2"></asp:MenuItem>
            </Items>
        </asp:Menu>    

2.再<asp:Menu>後面拖一個<asp:MultiView>選項卡控件，這隻相當一一個容器。

 <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">

</asp:MultiView>

3.再往<asp:MultiView>裏拖入三個<asp:view>控件。

 <asp:View ID="View1" runat="server">

 <asp:View ID="View2" runat="server">

 <asp:View ID="View3" runat="server">

4.給<asp:Menu >添加OnMenuItemClick="Menu1_MenuItemClick"方法。

 protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)
        {
            MultiView1.ActiveViewIndex = Int32.Parse(e.Item.Value);

        }