TabContainer에서 Dojo 스플리터가 작동하지 않습니다.

다음 코드 스 니펫을 사용하면 스플리터가 현재 페이지로 전환 한 후 나타나는 첫 번째 탭에 잘 표시되지만 스플리터는 후속 탭에 제대로 표시되지 않습니다. 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로 전환하면 스플리터가 토스를 실행하여 예측할 수없는 실제 동작이 발생합니다.

필자의 관찰에 따르면 전환시 탭이로드 될 때 스플리터가 잘 렌더링됩니다.

이 스플리터 렌더링 문제를 어떻게 해결합니까?

감사합니다.

출처

2012-05-07 Abdul

dojox.layout.ContentPane을 사용하고 처음에는 모든 탭을로드하는 대신 href 속성을 설정하는 것이 좋습니다.

tabcontainer 및 bordercontainer가 크기 조정을 올바르게 계산하려면 레이아웃이 100 % 100 %이어야합니다.

너비/높이가 설정되지 않은 경우 여기를 확인하십시오. here

출처

2012-05-08 06:54:30 mschr

TabContainer에서 Dojo 스플리터가 작동하지 않습니다.

답변

관련 문제