1

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

<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/syllabusManagement.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>

当页面加载时，默认为 syllabusManagement.xhtml，拆分器根据需要运行，但是当我将选项卡切换到 employeeManagement.xhtml 时，拆分器会折腾，给出真正不可预测的行为。

My observation is that the splitter is rendered well when the tab is loaded on transition.

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

谢谢。

4

1 回答 1

0

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

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

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

于 2012-05-08T06:54:30.000 回答