2012-05-03 2 views
1

GWT CellTable에 스크롤 막대가 필요합니다. > VerticalPanel - -> CellTable 다음은 내가 ScrollPanel과 노력GWT CellTable의 세로 스크롤 막대를 얻는 방법

<gwt:SplitLayoutPanel> 
    <gwt:west size="200"> 
    <gwt:VerticalPanel> 
    <gwt:HTMLPanel> 
     <table> 
      <tr> 
       <td> 
        <gwt:Label>xxxx</gwt:Label> 
       </td> 
      </tr> 
      <tr> 
       <td> 
       **Here i need a CellTable with Vertical Scrollbar** 
       </td> 
      </tr> 
     </table> 
    </gwt:HTMLPanel> 
    </gwt:VerticalPanel> 
</gwt:west> 
<gwt:center> 
    <gwt:VerticalPanel /> 
</gwt:center> 
</gwt:SplitLayoutPanel> 

내 ui.xml입니다. 그러나 나는 ScrollBar를 얻지 못하고있다. 누구든지 나를 도울 수 있습니까? 사전에

감사합니다, Gnik이 상황에서 VerticalPanel의 사용의 점은 무엇

+0

당신이 패널은 고정 된 크기를 가지고 스크롤합니까? (자체적으로 또는 컨테이너에 의해 강제되는 크기). 제한이 없으면 내용의 크기가 같고 스크롤이 작동하지 않습니다 (거의 확실합니다). – helios

+0

ScrollPanel height = "100 %"및 width = "100 %"로 설정했습니다. VerticalPanel뿐 아니라 cellTable.setSize ("100 %", "100 %"); 맞습니까? – Prince

+1

나는 100 %를 사용하는 셀 테이블이 스크롤 패널에 정확히 들어 맞았다 고 생각한다. 셀 바를 "800px"로 설정하여 스크롤 막대가 표시되는지 확인하십시오 (테스트 용). – helios

답변

4

? UiBinder xml 파일에 ScrollPanel으로 바꿉니다. 이 ScrollPanel에 대한 픽셀 높이를 설정합니다 (이것은 매우 중요합니다!)과 당신의 CellTable을 넣어 :

<g:ScroollPanel pixelSize="200, 400"> 
    <c:CellTable ui:field="myCellList" /> 
</g:ScroollPanel> 

200을 - 패널의 폭을 픽셀 단위로 400을 - 높이.

CellTable 목록의 크기가 반드시 ScrollPanel 크기보다 커야합니다. 그렇지 않으면 스크롤이 나타나지 않습니다.

또는 수직 스크롤을해야하는 경우 100%에서 을 설정

<g:ScrollPanel width="100%" height ="400px"> 
1

당신이 당신에게 아니오 필요한 결과를 줄 것이다 DataGrid 객체와 CellTable 개체 교체, GWT 2.4를 사용하는 경우 Scrollapanel이 필요합니다. gwt Showcase (셀 위젯 아래)에서 celltable과 datagrid의 차이를 볼 수 있습니다.

0

아래의 코드는 나를 위해 일한 -

 <g:HTMLPanel> 
    <g:VerticalPanel> 
    <g:TabLayoutPanel barHeight="2" barUnit="EM" width="790px" 
      height="500px"> 
      <g:tab> 
       <g:header>Sample</g:header> 
       <g:DockLayoutPanel> 
        <g:center> 
         <g:ScrollPanel> 
          <p1:CellTable ui:field="cellSampleTable" /> 
         </g:ScrollPanel>        
        </g:center>      
       </g:DockLayoutPanel> 
      </g:tab> 
      </g:TabLayoutPanel> 
    </g:VerticalPanel> 
</g:HTMLPanel>