我试图在整个布局中动态调整CellTable的大小,我不确定它是否可能。
我的主要布局(uiBinder)
<g:north size="5" unit="EM">
<g:SimplePanel ui:field="headerPanel" addStyleNames="{style.headerImage}" />
</g:north>
<g:north size="2" unit="EM">
<g:SimplePanel ui:field="menuHeaderPanel" addStyleNames="{style.menuHeaderPanel}">
<my:MenuViewImpl ui:field="mainMenu"/>
</g:SimplePanel>
</g:north>
<g:west size="10" unit="EM">
<g:SimplePanel ui:field="menuWestPanel" addStyleNames="{style.menuWestPanel}">
<my:SubMenuViewImpl ui:field="subMenu"/>
</g:SimplePanel>
</g:west>
<g:center size="50" unit="EM">
<g:SplitLayoutPanel ui:field="splitPanel">
<g:center>
<g:SimplePanel ui:field="mainContentPanel1" addStyleNames="{style.mainContentPanel}" />
</g:center>
<g:south size="30" unit="EM">
<g:SimplePanel ui:field="mainContentPanel2" addStyleNames="{style.mainContentPanel1}"/>
</g:south>
</g:SplitLayoutPanel>
</g:center>
应该可调整大小的部分位于我的mainContentPanel1
内,并且是一个ScrollPanel。这意味着在我的SplitPanel中,我有一个带有我的CellTable的ScollPanel。当我从SplitPanel更改我的CellTable增长或变小的高度时,我试图实现这一目标。
我的mainContentPanel1(uiBinder):
<g:VerticalPanel width="100%" height="100%">
<g:Label ui:field="header" width="50%">Users</g:Label>
<g:ScrollPanel addStyleNames="{style.scrollpanel}" width="100%" height="100%">
<c:CellTable ui:field='userCellTable' width="100%" height="100%"/>
</g:ScrollPanel>
<g:HorizontalPanel styleName="{style.horizontalButtonPanel}">
<g:Button ui:field="createButton">New</g:Button>
<g:Button ui:field="refreshButton">Refresh</g:Button>
<g:Button ui:field="removeSelectedButton">Delete Selection</g:Button>
</g:HorizontalPanel>
</g:VerticalPanel>
我基本上试图将所有高度设置为&#34; 100%&#34;这是行不通的。我是否需要针对特定的onResize或其他处理程序?不知道最新的方法是什么。谢谢,如果需要,我可以提供更多代码或具体信息:)
答案 0 :(得分:0)
我修复了这个问题,就像使用ResizeLayoutPanel
推荐的@Ümit的评论一样。