Microsoft AjaxToolkits之12. Tabs控件

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>