十四、Tabs——可切换面板

 

Tabs可切换面板，可以在一个页面中放置多个操作面板，这有点像Accordion（可折叠面板），但Tabs的title是横向的

 

举例如下：

1.       添加一个ScriptManage

2.       添加一个TabContainer

3.       然后通过界面向TabContainer添加TabPanel

        <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="4">

            <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="TabPanel1">

                <ContentTemplate>

                    <asp:GridView ID="GridView1" runat="server">

                    </asp:GridView>

                </ContentTemplate>

            </cc1:TabPanel>

            <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2">

                <ContentTemplate>

                    <asp:GridView ID="GridView2" runat="server">

                    </asp:GridView>

                </ContentTemplate>

            </cc1:TabPanel>

            <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="TabPanel3">

                <ContentTemplate>

                    <asp:GridView ID="GridView3" runat="server">

                    </asp:GridView>

                </ContentTemplate>

            </cc1:TabPanel>

            <cc1:TabPanel ID="TabPanel4" runat="server" HeaderText="TabPanel4">

            </cc1:TabPanel>

            <cc1:TabPanel ID="TabPanel5" runat="server" HeaderText="TabPanel5">

            </cc1:TabPanel>

        </cc1:TabContainer>