dijit.layout.TabContainer nested tabs auto load

Question

Hello,

I'm fairly new to Dojo toolkit, and well really like it. But I have a problem with nested tabs auto-refreshing. Here is a sample of my practice code where this problem exists. I'm currently concerned with this as it introduces a huge performance problem when the sub-tabs are plentiful; ex: my subtabs are the letters A-Z for initials for record retrieval.

I've tried all sorts of things to get around this, and all to no avail.

parseOnLoad=true/false
executeScripts=true/false
preload=true/false
nested=true/false

the parent page:

<div id="mainTabContainer" name="mainTabContainer" dojoType="dijit.layout.TabContainer" persist="true" style="margin:10px; width:800px; height:700px">
  <div
    id="tab1"
    name="tab1" 
    dojoType="dojox.layout.ContentPane" 
    title="DblClick" 
    selected="true" 
    closable="false" 
    parseOnLoad="true" 
    executeScripts="true"
    preload="false" 
    preventCache="true" 
    href="/dojo1.jsp?sParentTabID=tab1">
    ---
  </div>
  <div id="tab2" name="tab2" dojoType="dojox.layout.ContentPane" title="Read File" closable="false" executeScripts="true" parseOnLoad="true" href="/dojo2.jsp?sParentTabID=tab2">---</div>
  <div id="tab3" name="tab3" dojoType="dojox.layout.ContentPane" title="Form get/post" closable="false" executeScripts="true" parseOnLoad="true" href="/dojo3.jsp?sParentTabID=tab3">---</div>
  <div id="tab4" name="tab4" dojoType="dojox.layout.ContentPane" title="Accordions" closable="false" executeScripts="true" parseOnLoad="true" href="/dojo4.jsp?sParentTabID=tab4">---</div>
  <div id="tab5" name="tab5" dojoType="dojox.layout.ContentPane" title="Nested Tabs" closable="false" executeScripts="true" parseOnLoad="true" href="/dojo5.jsp?sParentTabID=tab5">---</div>
  <div id="tab6" name="tab6" dojoType="dojox.layout.ContentPane" title="Menu" closable="false" executeScripts="true" parseOnLoad="true" href="/dojo6.jsp?sParentTabID=tab6">---</div>
  <div id="tab7" name="tab7" dojoType="dojox.layout.ContentPane" title="Simple Objects" closable="false" extractContent="true" executeScripts="true" parseOnLoad="true" href="/dojo7.jsp?sParentTabID=tab7">---</div>
  <div id="tab8" name="tab8" dojoType="dojox.layout.ContentPane" title="Calendar" closable="false" extractContent="true" executeScripts="true" parseOnLoad="true" href="/dojo8.jsp?sParentTabID=tab8">---</div>
</div>

the child page (dojo5.jsp):

<div id="mainTabContainer_a4d6313" name="mainTabContainer_a4d6313" dojoType="dijit.layout.TabContainer" nested="true" style="width:95%;height:200px;">
  <div id="tab1_a4d6313" name="tab1_a4d6313" dojoType="dijit.layout.ContentPane" title="First Tab"  selected="true" closable="false" href="/test.jsp?tabID=tab1_a4d6313">---</div>
  <div id="tab2_a4d6313" name="tab2_a4d6313" dojoType="dijit.layout.ContentPane" title="Second Tab" closable="true" href="/random.jsp?tabID=tab2_a4d6313">---</div>
  <div id="tab3_a4d6313" name="tab3_a4d6313" dojoType="dijit.layout.ContentPane" title="AJAX Tab" closable="false" href="/random.jsp?tabID=tab3_a4d6313">---</div>
</div>

Answer 1

This is actually working correctly in Dojo 1.4, which is almost released (you can grab the release candidate now).

I did a bunch of work a few months ago, refactoring the code to avoid problems like this.