20px保留用于网格中的滚动条(GXT3)

时间:2015-02-05 18:25:01

标签: gwt grid scrollbar gxt

我创建了一个GXT3网格并将其宽度设置为特定值。

在第一次渲染网格后,在右侧保持20px额外,我认为这是垂直滚动条。由于其中一列未固定,因此稍后它适合总宽度。

我尝试甚至降低网格的总宽度,但不成功。因为每次可调整大小的列宽度减少以提供额外的20px。甚至尝试了setforcefit(true)。

我想要的是如果滚动条不在那里,那些额外的空间不应该出现(在标题栏中可以看到并且如果使用网格的边框)。
这里的另一个问题。 Grid或contentpanel的滚动条属性是否被添加到?对于我的案例,内容面板比网格大得多。

1 个答案:

答案 0 :(得分:0)

您需要将GXT网格放在一个可以调整大小的容器中。当网格内容超出垂直布局容器的高度时,滚动条将出现在网格的主体中。

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
  xmlns:g='urn:import:com.google.gwt.user.client.ui'  
  xmlns:grid='urn:import:com.sencha.gxt.widget.core.client.grid'       
  xmlns:container="urn:import:com.sencha.gxt.widget.core.client.container">

<ui:with field="layoutData" type="com.sencha.gxt.widget.core.client.container.VerticalLayoutContainer.VerticalLayoutData">
  <ui:attributes width="1" height="1" />
</ui:with>

<ui:with type="com.sencha.gxt.data.shared.ListStore" field="store" />

<ui:with type="com.sencha.gxt.widget.core.client.grid.ColumnModel" field="cm" />

<ui:with type="com.sencha.gxt.widget.core.client.grid.GridView" field="view">
  <ui:attributes forceFit="true" autoFill="true" ></ui:attributes>
</ui:with>

<container:VerticalLayoutContainer ui:field="container">
  <container:child layoutData="{layoutData}">
    <grid:Grid store="{store}" cm="{cm}" view="{view}" />
  </container:child>
</container:VerticalLayoutContainer>

</ui:UiBinder>