2012-05-07 10 views
1

次のコードスニペットを使用すると、現在のページに移動した後に表示される最初のタブにスプリッタが正しく表示されますが、スプリッタは後続のタブに正しく表示されません。TabContainer内でDojoスプリッタが機能しない

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

私の見解では、スプリッタは、遷移時にタブが読み込まれたときによくレンダリングされます。

このスプリッタレンダリングの問題を解決する方法を教えてください。

ありがとうございました。

答えて

0

まず、すべてのタブを読み込むのではなく、dojox.layout.ContentPaneを使用してhref属性を設定することをお勧めします。

あなたのレイアウトはtabcontainerとbordercontainerがサイジングを適切に計算するためには100%100%である必要があります。

幅/高さが設​​定されていない場合、ここを見てくださいhere

関連する問題