Gwt DockLayoutPanel存在文本换行问题
所以我使用的是一个船坞布局面板。在北方,我有一个标题和菜单栏,中间有一个表格。我的问题是,当标题变长并包装文本时,它会向下推菜单栏,而您将无法再看到它。这是因为您必须为除“中心”之外的所有配电盘设置固定尺寸 我想把它全部移到中央面板,但问题是,当我的桌子变大,出现一个滚动条时,我希望即使在桌子上滚动时也能看到标题和菜单栏。所以我不能把所有的东西都放在滚动面板上 如何创建满足这些要求的布局: 1.始终查看标题和菜单栏 2.可滚动表格 3.当窗口调整大小并且来自标题的文本换行时,它将正确调整整个窗口的大小 以下是当前的布局:Gwt DockLayoutPanel存在文本换行问题,gwt,layout,uibinder,docklayoutpanel,Gwt,Layout,Uibinder,Docklayoutpanel,所以我使用的是一个船坞布局面板。在北方,我有一个标题和菜单栏,中间有一个表格。我的问题是,当标题变长并包装文本时,它会向下推菜单栏,而您将无法再看到它。这是因为您必须为除“中心”之外的所有配电盘设置固定尺寸 我想把它全部移到中央面板,但问题是,当我的桌子变大,出现一个滚动条时,我希望即使在桌子上滚动时也能看到标题和菜单栏。所以我不能把所有的东西都放在滚动面板上 如何创建满足这些要求的布局: 1.始终查看标题和菜单栏 2.可滚动表格 3.当窗口调整大小并且来自标题的文本换行时,它将正确调整整个窗口
<g:DockLayoutPanel >
<g:north size="80">
<g:VerticalPanel width="100%">
<g:HorizontalPanel width="100%">
<g:HTML ui:field="title" styleName="{style.title}"></g:HTML>
</g:HorizontalPanel>
<g:HorizontalPanel styleName="{style.infoBar}" width="100%">
<g:MenuBar animationEnabled="true" styleName="{res.css.menuBar}" focusOnHoverEnabled="false" ui:field="menuBar"></g:MenuBar>
</g:HorizontalPanel>
</g:VerticalPanel>
</g:north>
<g:center>
<g:ScrollPanel>
<g:SimplePanel ui:field="content" styleName="{style.content}">Table or tree goes here
</g:SimplePanel>
</g:ScrollPanel>
</g:center>
<g:south size="20">
<g:VerticalPanel styleName="{style.footerPanel}">
<g:HTML ui:field="messageBar">Fotter text here</g:HTML>
</g:VerticalPanel>
</g:south>
</g:DockLayoutPanel>
桌子或树在这里
在这里输入文本
您是否尝试过使用两个DockLayoutPanel
第一个在中心区域有标题,在南部有另一个DockLayoutPanel,菜单在北部区域,表格在中部?如果标题和菜单可能显示在彼此的下方,您可以将标题和菜单放在单独的北部面板中(实际上可以工作)
这样,您至少可以确保显示菜单 我没有试过这个,但是除非我弄错了,因为你必须在南面板上有固定的尺寸,否则你不能在里面放一个码头面板,除非我为桌子设置了一个固定的高度,你是对的。我在考虑GXT BorderLayoutPanel。您已尝试将两个北部地区添加到DockPanel。一个用于标题,另一个用于菜单。这仍然不能解决问题,因为你必须给北面板一个固定的大小,但是如果窗口太小,文本换行,那么它就会比设置的固定大小大。我的意思是,它解决了问题,这样菜单就不会被隐藏,但我希望有一个完整的解决方案。