调整GXT网格的大小

Question

我如何制作这个网格：

当我移动SplitPanel网格随着列动态扩展。 图片中的网格我手动添加宽度：100％ 如果我用这个：

grid.setWidth("100%");
grid.setHeight("100%");

它不起作用，我明白了：

我发现了这个： click

但是GXT 3. *没有FitLayout

有什么想法吗？

Answer 1

gxt 3中没有合适的布局，因为需要它的情况下，根本不需要布局！任何只接受一个孩子的容器（或只有NorthSouthContainer或BorderLayoutContainer等特定位置的一个孩子）将始终将其大小调整到可用空间。 http://www.sencha.com/learn/sencha-gxt-2x-to-300-migration-guide/#h.ys84m7uvflvk涵盖了所有布局，描述了2.x中存在的内容以及3中的并行内容。

也就是说，SplitPanel类已被弃用，因为它和所有子类只能在怪癖模式下工作。相比之下，GXT 3仅适用于标准模式。 SplitLayoutPanel类可以改为工作，但它使用RequiresResize接口来检测如何调整子级的大小。 GXT小部件并不是全部都使用它，尽管容器会这样做：如果你使用SplitLayoutPanel，应该可以将网格包装在SimpleContainer中，以便容器从其父级获取详细信息（拆分布局面板）并将新尺寸详细信息传递到网格。

如果您更熟悉GXT 2，而不是上述任何一种，请查看BorderLayoutContainer - 您将能够直接向其添加网格，因为边框布局容器知道要提供大小细节直接到网格，而不是通知它大小已经改变，它应该测量自己。

最后一个注意事项 - 根据您的屏幕截图，根窗口小部件不会在浏览器窗口的左上角绘制。两个主要原因，要么您缺少reset.css（请参阅gxt zip中的setup.txt），要么您正在使用GWT主题Clean，这会在该区域中添加边距。您可能会发现应用程序看起来更好，没有从浏览器结束到应用程序开始位置的额外空间。