javascript - 在 ExtJs 中使用相同的组件

Question

​我有几个 extjs 网格，我将它们定义如下:

var aGrid = new Ext.grid.GridPanel({

    bbar : pagingToolbar
});

var bGrid = new Ext.grid.GridPanel({

    bbar : pagingToolbar
});

但是如果我使用上面的 pagingToolbar ，它就无法按预期工作。只有第一个网格有效，二年级时工具栏不会出现。一次只有一个网格处于事件状态。我们做

myTabPanel.hideTabStripItem(aGrid); 
myTabPanel.add(bGrid).show();
aGrid.bbar = null;
bGrid.bbar = pagingToolbar;

Answer 1

您应该按如下方式实例化它们:

var aGrid = new Ext.grid.GridPanel({

    bbar : pagingToolbar1
});

var bGrid = new Ext.grid.GridPanel({

    bbar : pagingToolbar2
});

我一直在使用的另一种方法是:

var aGrid = new Ext.grid.GridPanel({

    bbar : { xtype: 'pagingtoolbar', store: 'Ext.data.Store'}
});

var bGrid = new Ext.grid.GridPanel({

    bbar :{ xtype: 'pagingtoolbar', store: 'Ext.data.Store'}
});

使用每个对象的两个实例(例如 store 或 pagingtoolbar)是绝对必要的。