1

我需要 GWT CellTable 的滚动条。以下是我的ui.xml，

<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

4

3 回答 3

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">
于 2012-05-03T13:43:08.377 回答
2

如果您使用的是 Gwt 2.4，则将 CellTable 对象替换为 DataGrid 对象将为您提供所需的结果，而无需滚动面板。您可以在 gwt Showcase 中看到 celltable 和 datagrid 之间的区别（在单元格小部件下）。

于 2012-05-04T10:13:00.737 回答
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>
于 2013-02-19T20:35:03.983 回答