Question

我需要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 - ＆gt; VerticalPanel - ＆gt; CellTable。但我没有得到ScrollBar。任何人都可以帮助我吗？

提前致谢， Gnik

Answer 1

在这种情况下使用VerticalPanel有什么意义？将其替换为UiBinder xml文件中的ScrollPanel。为此ScrollPanel设置 width 和 height （以像素为单位）（这非常重要！）并将其放入CellTable：

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

200 - 面板宽度，以像素为单位400 - 高度。

此时，CellTable列表的大小必须大于ScrollPanel的大小。否则，不会出现滚动。

如果您需要垂直滚动，请在100%中设置宽度：

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

Answer 2

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

Answer 3

以下代码对我有用 -

        <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>

如何获得GWT CellTable的Vertical Scrollbar

3 个答案: