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 に切り替えると、スプリッターがトスになり、予測できない動作が発生します。

私の観察では、遷移時にタブが読み込まれると、スプリッターが適切にレンダリングされます。

このスプリッターのレンダリングの問題を修正するにはどうすればよいですか?

ありがとう。

4

1 に答える 1

0

最初にすべてのタブをロードする代わりに、dojox.layout.ContentPane を使用して href 属性を設定することをお勧めします。

tabcontainer と bordercontainer が適切にサイズを計算するには、レイアウトを 100% 100% にする必要があります。

ここで幅/高さが設​​定されていない場合、ここで何が起こるかを確認してください

于 2012-05-08T06:54:30.000 に答える