ExtJS网格无法正确呈现

Question

我有一个网格，当我加载页面时有时它无法正确呈现。它很烦人，我正在尝试一种解决方案来强制它正确渲染 它上面的数据一切都很好，但有时它没有正确呈现 这是我第一次加载网格时，因为之后它正确呈现。 这是渲染正确的网格： 这是我第一次加载网格时有时会给出的渲染错误。 我已经尝试了所有这些修复但没有工作：

grid.getView().refresh();
---
grid.columns[2].setVisible(false);
grid.columns[2].setVisible(true);
---
grid.getStore().filterBy(function() { return true; });

单击左侧网格后，它会将过滤器应用于右侧网格，如果渲染不正常，则会变为正确。所以我认为这是一个渲染问题。 我把这个问题作为最后的手段。有没有人有任何建议？ 我正在使用ExtJS 4。

Answer 1

尝试在组件上添加afterrender。这将强制重新计算容器布局。

像

这样的东西

grid.on("afterrender", function() {
            this.doLayout();
 });

或与听众一起：

listeners: {
             afterrender: function(e) {
                this.doLayout();       
             }