ExtJS 3.4 EditorGridPanel布局问题

Question

GridPanel无法正确渲染

我在动态生成的网页上使用EditorGridPanels。 ExtJS不控制ViewPort。

当我在Ext.onReady（）中包装网格生成代码时，网格渲染完美。 如果我不将它包装在Ext.onReady（）中，它会呈现出微妙的布局问题，如

• 网格有点太宽
• 顶部工具栏在右侧被截断
• 行不太合适，单击单元格时它们会移动

我尝试强制网格布局在页面加载后重新计算...

(function(){}
   var grid = ...
   [ ... ]
   Ext.onReady(function(){
      grid.doLayout();
   });
)();

......但这不起作用。

我试图避免在Ext.onReady（）中放置网格初始化的原因是，有时页面需要很长时间来完全加载每个资源，在这些情况下，页面看起来完全加载，而不是空白区域网格最终被渲染到了！

有关我可能尝试的建议吗？现在对页面的完全重新设计不在范围内，所以我正在寻找能够使网格布局的内容，就像在onReady（）中初始化时一样！

由于

Answer 1

您最初可能会使用“loading ..”消息屏蔽该页面，并在onReady（）中将其删除。

如果您在onReady之外遇到问题，那么当您尝试渲染组件时，它会指示某些内容未加载，根据我的经验，这将导致进一步的问题。