Tabs 示例

概述;
TabContainer 是一个可以在网页上可以以页签形式显示组织网页内容的 ASP.Net AJAX 控件。 一个 TabContainer 可以是若干个 TabPanel 控件的载体， 而每一个 TabPanel 可以象标准的 Panel 控件一样，成为其它一系列 ASP.Net 控件的容器。
每一个 TabPanel 可以通过其 HeaderText、HeaderTemplate 和 ContentTemplate 属性来指定它的内容。
Tabs 控件具有保持状态的能力，当页面发生提交动作的时候，最新被选中的 Tab 将被保持其选中状态；此外，每一个 Tab 的可操作属性也可以保持。

属性;

控件属性将被初始化如下面的示例代码所示，斜体属性为可选属性。

<ajaxToolkit:TabContainer runat="server" 
                    OnClientActiveTabChanged="ClientFunction" 
                    Height="150px">
                <ajaxToolkit:TabPanel runat="server" 
                    HeaderText="Signature and Bio"
                    <ContentTemplate>
                        ...
                    </ContentTemplate>
                />
            </ajaxToolkit:TabContainer>
            

TabContainer 属性

• ActiveTabChanged (Event) - 当选中的 Tab 页被改变的时候触发的事件(服务器端事件)
• OnClientActiveTabChanged - 当选中 Tab 页被改变的时候触发的客户端脚本事件(客户端事件)
• CssClass - 被用于定义其客户表现的 Css Class 样式，它具有默认的 Tab 主题样式，但是也可以根据实际需要进行修改
• ActiveTabIndex - 初始化被设置为选中的Tab
• Height - 其中 Tab 的高度(不包括其标题栏)
• Width - 其中 Tab 的宽度
• ScrollBars - 是否显示滚动条，可以设置为、None、Horizontal、Vertical、Both 或者 Auto

TabPanel 属性

• Enabled - 是否显示该 Tab 页，该属性可以在客户端脚本中改变。
• OnClientClick - 当被点击时触发的客户端脚本事件名称
• HeaderText - 标题
• HeaderTemplate - 一个 TemplateInstance.Single ITemplate 用来其定义标题
• ContentTemplate - 一个 TemplateInstance.Single ITemplate 用来其定义内容