Dojo Splitter不工作在TabContainer

使用下面的代碼片段，分離器在轉換到當前頁面後出現的第一個選項卡上顯示正常，但分離器在後續選項卡中未正確顯示。Dojo Splitter不工作在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/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，分離器進行折騰，給出真正的不可預知的行爲。

我的觀察結果是，在轉換時加載標籤時，分離器呈現良好。

如何解決這個分離器渲染問題？

謝謝。

來源

2012-05-07 Abdul

我建議使用dojox.layout.ContentPane並設置href屬性，而不是先加載所有的選項卡。

對於tabcontainer和bordercontainer，您的佈局需要100％100％才能正確計算尺寸。

看看這裏發生了什麼，如果沒有設置寬度/高度here

來源

2012-05-08 06:54:30 mschr

Dojo Splitter不工作在TabContainer

回答

相關問題