调整GXT网格大小

Question

如何制作此网格：

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

它不起作用，我明白了：

我发现了这个：点击

但GXT 3。*没有FitLayout

有什么想法吗？

Answer 1

gxt 3中没有fit布局，因为在需要的情况下，根本不需要布局！任何只接受一个子容器（或在特定位置仅接受一个子容器，如南北容器或边界布局容器）的容器将始终根据可用空间调整大小。所有布局均包含在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，您将能够直接将网格添加到其中，因为BorderLayoutContainer知道直接向网格提供大小细节，而不是通知它大小已更改并且应该测量自身。

最后一个注意事项——从屏幕截图上看，根小部件并没有像它应该的那样在浏览器窗口的左上角绘制。造成这种情况的两个主要原因是，要么你错过了重置。css（请参阅gxt zip中的setup.txt），或者您正在使用GWT主题，该主题在该区域中添加了一个边距。你可能会发现，如果没有从浏览器末端到应用程序开始的额外空间，应用程序看起来会更好。