extjs - SuspendLayouts、resumeLayouts 和网格列

Question

我使用这两个函数suspendLayouts和resumeLayouts来优化大型网格渲染。特别是，我在以编程方式隐藏一些网格列之前和之后使用它们。我这样做是这样的:

Ext.suspendLayouts();

... a lot of code, some code may hide a lot of grid columns

Ext.resumeLayouts();

如果我不使用它们，浏览器要么不响应，要么响应一个关于持久脚本的警报。如果我使用它们，那么它运行得很快，但不是在所有浏览器中。例如，在 Chrome 中，我看到某些列没有隐藏，但它们的列标题/标题隐藏。

在列数相对较少的小网格中，此代码无需暂停和恢复布局即可很好地工作。但我需要它在大型网格中工作。

顺便说一下，我隐藏了这样的列

var cols=grid.headerCt.getGridColumns()
Ext.each(cols, function (item, index, all){
  ... some code
  if(ok) item.setVisible(false);
})

也许还有另一种更好的方法来隐藏网格列。

Answer 1

好吧，我找到了解决方案。我应该使用 grid.suspendLayouts()和grid.resumeLayouts()而不是Ext.suspendLayouts()和Ext.resumeLayouts() 。现在，它按预期工作了。