TabContainer动态添加TabPanel,TabPanel动态添加HeaderTemplate,ContentTemplate
2008-11-18 10:44
344 查看
测试环境 VS2005
AjaxControlToolkit的TabContainer控件,页面的html上 需要放置
<AjaxAsp:ScriptManager ID="ScriptManager1" runat="server">
</AjaxAsp:ScriptManager>
后台代码为:
AjaxControlToolkit.TabPanel ta = new AjaxControlToolkit.TabPanel();
ta.HeaderText = "你好";
ta.ID = "1";
ta.TabIndex = 0;
Label lb=new Label ();
lb.Text="你好的具体内容";
ta.Controls.Add(lb);
AjaxControlToolkit.TabPanel tb = new AjaxControlToolkit.TabPanel();
tb.HeaderText = "你好吗";
tb.ID = "2";
tb.TabIndex = 1;
Label lb1 = new Label();
lb1.Text = "你好吗的具体内容";
tb.Controls.Add(lb1);
AjaxControlToolkit.TabContainer tab = new AjaxControlToolkit.TabContainer();
tab.Tabs.Add(ta);
tab.Tabs.Add(tb);
this.pn.Controls.Add(tab);
pn一个Panel控件 在panel控件上 添加了TabContainner,并在Panel上动态的添加了TabContainer,TabPanel 。
TabPanel的ContentTemplate是个内容模板,可以在里面动态添加控件 ,来显示具体的内容。
从数据库读取数据到TabPanel上显示,和上面的例子一样,换下数据就可以了......
效果如下,本人亲自测试了下
write by :suhanyu Date:2008-11-18
AjaxControlToolkit的TabContainer控件,页面的html上 需要放置
<AjaxAsp:ScriptManager ID="ScriptManager1" runat="server">
</AjaxAsp:ScriptManager>
后台代码为:
AjaxControlToolkit.TabPanel ta = new AjaxControlToolkit.TabPanel();
ta.HeaderText = "你好";
ta.ID = "1";
ta.TabIndex = 0;
Label lb=new Label ();
lb.Text="你好的具体内容";
ta.Controls.Add(lb);
AjaxControlToolkit.TabPanel tb = new AjaxControlToolkit.TabPanel();
tb.HeaderText = "你好吗";
tb.ID = "2";
tb.TabIndex = 1;
Label lb1 = new Label();
lb1.Text = "你好吗的具体内容";
tb.Controls.Add(lb1);
AjaxControlToolkit.TabContainer tab = new AjaxControlToolkit.TabContainer();
tab.Tabs.Add(ta);
tab.Tabs.Add(tb);
this.pn.Controls.Add(tab);
pn一个Panel控件 在panel控件上 添加了TabContainner,并在Panel上动态的添加了TabContainer,TabPanel 。
TabPanel的ContentTemplate是个内容模板,可以在里面动态添加控件 ,来显示具体的内容。
从数据库读取数据到TabPanel上显示,和上面的例子一样,换下数据就可以了......
效果如下,本人亲自测试了下
write by :suhanyu Date:2008-11-18
相关文章推荐
- extjs tabpanel 添加header不能重复加载tabpanel 的问题
- 动态添加tab(ext中的treePanel)
- 关于extjs中动态添加TabPanel的tab项并以iframe显示的整理(转)
- 我自己写的关于EXTJS的TreePanel、viewPort和tabPanel动态切换和添加tabpanel的例子
- 关于extjs中动态添加TabPanel的tab项并以iframe显示的整理
- 关于extjs中动态添加TabPanel的tab项并以iframe显示的整理
- Ext JS4.0中Tabpanel动态添加和删除Tab和重用Tab的方法
- sencha panel的头header上添加刷新按钮
- Ext.grid.EditorGridPanel点击单元格改变数据,动态添加列
- [C#] 动态生成GridView的模版列TemplateField,并在模版列TemplateField中添加复选框CheckBox
- Extjs 4 tabpanel动态加载reconfigure的grid
- easyUI树形节点点击和动态添加Tab
- 几个常用控件的练习总结(radioButtonList,MultiView,Adratator,Literal,Panel控件中动态添加文本框)
- extjs4 tabpanel动态创建tab时高度自适应解决方法
- tabpanel 添加 tab
- 动态绑数据(Repeater控件HeaderTemplate和ItemTemplate)
- c# TableLayoutPanel控件应用 动态添加控件及事件
- Sencha Touch 1.x 为tabPanel添加一个更多按钮。
- Retrofit2 动态(静态)添加请求头Header
- TabLayout && ViewPager _动态添加Fragnent