May 06, 2009, 9:27 AM
[CLOSED] dynamic tabs do not display content
this is the script:
<%@ Page Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "http:www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
string[] titles = new string[] { "title1", "title2", "title3" };
foreach (string title in titles)
{
Coolite.Ext.Web.Tab newTab = new Coolite.Ext.Web.Tab("tab_" + title, title);
this.tabPanelTemplates.Tabs.Add(newTab);
Coolite.Ext.Web.FormLayout newForm = new Coolite.Ext.Web.FormLayout();
Coolite.Ext.Web.Checkbox newCheck = new Coolite.Ext.Web.Checkbox();
newCheck.ID = "chk_" + title;
newCheck.FieldLabel = "check";
newForm.Anchors.Add(Util.NewAnchor(newCheck));
Coolite.Ext.Web.TextField newText = new Coolite.Ext.Web.TextField();
newText.ID = "txt_" + title;
newText.FieldLabel = "title";
newForm.Anchors.Add(Util.NewAnchor(newText));
Coolite.Ext.Web.HtmlEditor newEdit = new Coolite.Ext.Web.HtmlEditor();
newEdit.ID = "html_" + title;
newEdit.FieldLabel = "content";
newForm.Anchors.Add(Util.NewAnchor(newEdit));
newTab.BodyControls.Add(newForm);
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server">
</ext:ScriptManager>
<ext:TabPanel ID="tabPanelTemplates" runat="server" EnableTabScroll="true" Border="false">
<Tabs>
</Tabs>
</ext:TabPanel>
</form>
</body>
</html>
when I run it, all three tabs are created but only the first one contains any controls although in the response everything seems fine:Ext.onReady(function(){this.tabPanelTemplates=new Ext.TabPanel({id:"tabPanelTemplates",monitorResize
:true,renderTo:"tabPanelTemplates_Container",border:false,items:[{id:"tab_title1",monitorResize:true
,layout:"form",anchorSize:{isFormField:false},itemCls:"",items:[{id:"chk_title1",xtype:"checkbox",fieldLabel
:"check",inputValue:"chk_title1"},{id:"txt_title1",xtype:"textfield",fieldLabel:"title"},{id:"html_title1"
,xtype:"htmleditor",fieldLabel:"content"}],title:"title1"},{id:"tab_title2",monitorResize:true,layout
:"form",anchorSize:{isFormField:false},itemCls:"",items:[{id:"chk_title2",xtype:"checkbox",fieldLabel
:"check",inputValue:"chk_title2"},{id:"txt_title2",xtype:"textfield",fieldLabel:"title"},{id:"html_title2"
,xtype:"htmleditor",fieldLabel:"content"}],title:"title2"},{id:"tab_title3",monitorResize:true,layout
:"form",anchorSize:{isFormField:false},itemCls:"",items:[{id:"chk_title3",xtype:"checkbox",fieldLabel
:"check",inputValue:"chk_title3"},{id:"txt_title3",xtype:"textfield",fieldLabel:"title"},{id:"html_title3"
,xtype:"htmleditor",fieldLabel:"content"}],title:"title3"}],enableTabScroll:true,activeTab:0});tabPanelTemplates
.doLayout();Coolite.Ext.lazyInit(["chk_title1","txt_title1","html_title1","tab_title1","chk_title2","txt_title2"
,"html_title2","tab_title2","chk_title3","txt_title3","html_title3","tab_title3"]);Coolite.Ext.setValues
([[txt_title1,""],[txt_title2,""],[txt_title3,""]]);tabPanelTemplates.on("beforetabchange",function(el
,newTab){this.getActiveTabField().setValue(el.items.indexOf(newTab));});});Ext.QuickTips.init();Coolite
.Ext.ScriptManagerUniqueID="ScriptManager1";Ext.BLANK_IMAGE_URL="/ALA/extjs/resources/images/default
/s-gif/coolite.axd";