ExtJS4 在商店加载时触发 doLayout

Question

我有一个定义了store: cdStore 的网格。使用绑定到网格数据的表单来编辑网格的记录。更新记录时，我希望刷新的记录显示在网格中。 目前我有

handler : function() {
        areaForm.getForm().submit({
            params: { action: "update" }
            });
        cdStore.loadPage(cdStore.currentPage);
        areaGrid.doLayout();
        }

这似乎有时会失败，并且旧数据仍然显示在网格中 - 可能在页面完全加载之前调用了 doLayout()。

我可以在 loadPage 上以某种方式触发 doLayout 吗？

Answer 1

// ...
cdStore.load({
  callback: function(){areaGrid.doLayout();},
  page: cdStore.currentPage
});

更新

如果您能这么好心，我将不胜感激一两行解释

你说 “doLayout() 在页面完全加载之前被调用” 你说得对。所以必须在加载数据后调用doLayout。一种方法是使用load 方法。您可以将选项数组传递给此方法：

store.load({
  page: 2,
  limit: 50,
  // and
  callback: function(){ /*do something*/ }
});

你作为回调传递的函数在数据加载后被调用。所以doLayout() 放入回调会产生正确的行为。