Tabs控件的功能是在一個頁面上顯示多個選項卡。由兩部分組成：TabContainer和TabPanel.前者表示整個一組選項卡，而后者表示其中的一個選項卡。

屬性列表：
OnClientActiveTabChanged:單擊選項卡標題觸發的事件
Height:選項卡的高度
ContentTemplate:選項卡內的模板
HeaderTemplate:選項卡的標題模板
ActiveTabIndex:默認顯示的選項卡
ScrollBars:是否顯示滾動條

實例解析一、簡單應用

??? <form id="form1" runat="server">
??? <div>
??????? <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>???
??? </div>
??????? <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="1" Height="86px" Width="398px">
<cc1:TabPanel runat="server" HeaderText="計算機系" ID="TabPanel1">
??? <ContentTemplate>
??????? <table>
??????????? <tr>
??????????????? <td style="width: 100px">用戶名：</td>
??????????????? <td style="width: 100px"><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
??????????? </tr>
??????????? <tr>
??????????????? <td style="width: 100px">密碼：</td>
??????????????? <td style="width: 100px"><asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
??????????? </tr>
??????????? <tr>
??????????????? <td style="width: 100px"></td>
??????????????? <td style="width: 100px"><asp:Button ID="Button1" runat="server" Text="提交" /></td>
??????????? </tr>
??????? </table>
??? </ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel runat="server" HeaderText="藝術系" ID="TabPanel2">
??? <ContentTemplate>
??????? <table>
??????????? <tr>
??????????????? <td style="width: 100px">用戶名：</td>
??????????????? <td style="width: 100px"><asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></td>
??????????? </tr>
??????????? <tr>
??????????????? <td style="width: 100px">密碼：</td>
??????????????? <td style="width: 100px"><asp:TextBox ID="TextBox4" runat="server"></asp:TextBox></td>
???????????? </tr>
??????????? <tr>
??????????????? <td style="width: 100px"></td>
??????????????? <td style="width: 100px"><asp:Button ID="Button2" runat="server" Text="提交"" /></td>
??????????? </tr>
??????? </table>
??? </ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
??? </form>

總結

以上是生活随笔為你收集整理的Tabs的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。