刚开始用TabContainer的时候,没有仔细去看demo,做出来的TabContainer的各个tab页面都必须加载完才能把第一个显示出来,速度相当慢。后来,客户反应速度太慢,才仔细去看了看那个demo,发现用一个css的属性就可以控制同步或者异步加载。现在问题已经解决,留个底,希望对其他人也有帮助。
[code]
<div id="mainTabContainer" dojoType="TabContainer" style="width: 100%; height: 70%" selectedTab="tab1" >
<div id="tab1" dojoType="ContentPane" label="Tab 1" style="display: none"></div>
<a dojoType="LinkPane" href="../../tests/widget/tab2.html" refreshOnShow="true" style="display: none">Tab 2</a>
<div dojoType="ContentPane" label="Tab 3" style="display: none"></div>
</div>
[/code]
其中:控制Tab同步或者异步加载就是style="display: none"这句。
同步加载:style="display: block"
异步加载:style="display: none"
就这一个小小的css属性,就控制了同步或者异步加载,解决问题后,搞得我哭笑不得。。。希望对大家有帮助。
[code]
<div id="mainTabContainer" dojoType="TabContainer" style="width: 100%; height: 70%" selectedTab="tab1" >
<div id="tab1" dojoType="ContentPane" label="Tab 1" style="display: none"></div>
<a dojoType="LinkPane" href="../../tests/widget/tab2.html" refreshOnShow="true" style="display: none">Tab 2</a>
<div dojoType="ContentPane" label="Tab 3" style="display: none"></div>
</div>
[/code]
其中:控制Tab同步或者异步加载就是style="display: none"这句。
同步加载:style="display: block"
异步加载:style="display: none"
就这一个小小的css属性,就控制了同步或者异步加载,解决问题后,搞得我哭笑不得。。。希望对大家有帮助。