Jsf Dojo拆分器在TabContainer内不工作

使用以下代码段，拆分器在转换到当前页面后出现的第一个选项卡上显示良好，但是拆分器在后续选项卡中显示不正确

<div dojoType="dijit.layout.TabContainer" class="fitToHeight fitToWidth" tabStrip="true">
<div dojoType="dijit.layout.ContentPane" class="fitToHeight fitToWidth" title="Tab_1">              
    <a4j:include
        viewId="/view/syllabus/syllabusManagement.xhtml"
        id="container_syllabus">
    </a4j:include>
</div>
<div dojoType="dijit.layout.ContentPane" class="fitToHeight fitToWidth" title="Tab_2">
    <a4j:include
        viewId="/view/student/studentManagement.xhtml"
        id="container_student">
    </a4j:include>
</div>

以下是employeeManagement.xhtml/提纲管理.xhtml的片段

<div dojoType="dijit.layout.BorderContainer" design="sidebar"
    liveSplitters="true" class="fitToHeight fitToWidth">

    <div class="leftPanel" dojoType="dijit.layout.ContentPane"
            minSize="5%" splitter="true" region="leading">
            Source Code Goes Here
    </div>
    <div class="targetPanel" dojoType="dijit.layout.ContentPane"
            minSize="400" region="center">
            Target Code Goes Here
    </div>
 </div>

当页面加载时，默认为syttleusmanagement.xhtml，拆分器会根据需要运行，但当我将选项卡切换到employeeManagement.xhtml时，拆分器会出现不可预知的行为

我的观察结果是，在转换时加载选项卡时，拆分器的渲染效果良好

如何解决此拆分器渲染问题

---

谢谢

我建议使用dojox.layout.ContentPane并设置href属性，而不是首先加载所有选项卡

您的布局需要为100%100%，tabcontainer和bordercontainer才能正确计算大小

如果未设置宽度/高度，请查看此处发生的情况