TabContainer+TabPanel
来源:互联网 发布:动画制作简单软件 编辑:程序博客网 时间:2024/05/16 04:59
本章介绍TabContainer和TabPanel的使用方法,这两个是一套组件,两者结合使用,使用方法非常十分相当简单,我在这里简单演示一下。
第一步:建立Ajax Control Toolkit Website
这个例子我们只需要TabContainer和TabPanel组件,不需要其他控件。具体代码如下:
注意:TabPanel2多了HeaderTemplate标签,它的作用是丰富简单的HeaderText。另外TabPanel标签中还有OnClientClick等属性,能支持Java script ,大家自己挖掘一下。
OK,运行看一下效果。
选择标签后即可切换内容
注意:成功运行后我们看一下该页面的源文件,发现有如下代码:
<div id="TabContainer1_body">
<div id="TabContainer1_TabPanel1">
一大段内容A...<br />
一大段内容A...<br />
一大段内容A...<br />
一大段内容A...<br />
一大段内容A...<br />
</div><div id="TabContainer1_TabPanel2" style="display:none;visibility:hidden;">
一大段内容B...<br />
一大段内容B...<br />
一大段内容B...<br />
一大段内容B...<br />
一大段内容B...<br />
</div><div id="TabContainer1_TabPanel3" style="display:none;visibility:hidden;">
一大段内容C...<br />
一大段内容C...<br />
一大段内容C...<br />
一大段内容C...<br />
一大段内容C...<br />
</div>
</div>
这证明了所有内容都已输出到客户端,只是使用了JS暂时隐藏起来,所以大家在使用TabContainer和TabPanel的时候一定要注意性能,避免同时输出过多内容到客户端。
结束:
本章介绍了TabContainer和TabPanel的使用方法,基础用法很简单,但还有很多深度用法需要大家自行去挖掘,包括TabPanel之间的通讯问题等,有机会我也会作相关研究,和大家一起学习。
- TabContainer+TabPanel
- 使用TabContainer&TabPanel
- ExtJs的.NET控件----TabContainer和TabPanel
- ExtJs的.NET控件----TabContainer和TabPanel
- 轻松掌握Ajax.net系列教程十二:使用TabContainer&TabPanel
- 轻松掌握Ajax.net系列教程十二:使用TabContainer&TabPanel
- TabContainer 中 TabPanel 的 Visible 与 Enabled-区别
- TabContainer
- 利用AJAX的TabContainer與TabPanel結合Javascript來製作類似Yahoo的首頁新聞頁籤的效果
- 访问动态生成的 TabContainer 中的 TabPanel 中的控件,怎么不能访问
- TabPanel
- ArgumentOutOfRangeException: 指定的参数已超出有效值的范围。参数名: index (Ajax TabContainer动态添加TabPanel 出的问题)
- TabContainer控件
- tabcontainer美化
- tabcontainer美化
- TabContainer用法
- EXt:TabPanel
- Ext_ TabPanel
- ubuntu9.04多系统无法启动问题解决
- AJAX Control 说明
- [日语二级语法]日语能力测试二级语法详解 1
- 用C++ TR1 生成随机数
- 深圳的实习生活(1)
- TabContainer+TabPanel
- CollapsiblePanelExtender
- [日语二级语法]日语能力测试二级语法详解 2
- HoverMenuExtender
- AutoCompleteExtender
- [日语二级语法]日语能力测试二级语法详解 3
- DropDownExtender
- 关于c++对象全局对象析构的几点记录
- PopupControlExtender