次のコードスニペットを使用すると、現在のページに移動した後に表示される最初のタブにスプリッタが正しく表示されますが、スプリッタは後続のタブに正しく表示されません。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に切り替えると、スプリッタはトスになり、実際には予測できない動作をします。
私の見解では、スプリッタは、遷移時にタブが読み込まれたときによくレンダリングされます。
このスプリッタレンダリングの問題を解決する方法を教えてください。
ありがとうございました。