2012-05-03 11 views
1

GWT CellTableのスクロールバーが必要です。以下は私のui.xmlです。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> 

私はScrollPanel - > VerticalPanel - > CellTableを試しました。しかし、私はScrollBarを取得していません。誰でも助けてくれますか?事前に

おかげで、 Gnik

+0

あなたはパネルが固定サイズを持ってスクロールしていますか? (それ自体で強制されるか、コンテナによって与えられるサイズ)。制限されていなければ、コンテンツのサイズは同じになり、スクロールは機能しません(ほとんどわかります)。 – helios

+0

ScrollPanelのheight = "100%"とwidth = "100%"を設定しました。また、VerticalPanelの場合も同様です。 cellTable.setSize( "100%"、 "100%");それは正しいかどうか? – Prince

+1

私は100%を使用しているcelltableがスクロールパネルに正確に収まると思います。セルテーブルに「800px」を設定してスクロールバーが表示されるかどうか試してみてください(テスト目的のみ)。 – helios

答えて

4

このような状況でVerticalPanelの使用のポイントは何ですか?あなたの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

あなたはGWT 2.4を使用している場合は、DataGridオブジェクトでCellTableオブジェクトを交換していないと、あなたに必要な結果が得られますScrollapanelが必要です。 gwtショーケース(セルウィジェットの下)で、セルテーブルとデータグリッドの違いを確認できます。

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> 
関連する問題