Tabs 示例

下面是用 Tab 控件搭建的用户信息,你可以点击页签和改变相应的字段:
用户信息:
姓名和性别Email扩展信息



当前Tab:


 Tabs 概述

TabContainer 是一个可以在网页上可以以页签形式显示组织网页内容的 ASP.Net AJAX 控件。 一个 TabContainer 可以是若干个 TabPanel 控件的载体, 而每一个 TabPanel 可以象标准的 Panel 控件一样,成为其它一系列 ASP.Net 控件的容器。

每一个 TabPanel 可以通过其 HeaderText、HeaderTemplate 和 ContentTemplate 属性来指定它的内容。

Tabs 控件具有保持状态的能力,当页面发生提交动作的时候,最新被选中的 Tab 将被保持其选中状态;此外,每一个 Tab 的可操作属性也可以保持。


 Tabs 属性

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

<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 用来其定义内容

 相关问题

 Internet 相关资源

登录本站,添加新的资源。一分钟注册


Copyright © 2007 AJAXASP.NET.CN 保留所有权利. 赞助本站