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）。

在ExtJs中使用相同的组件

1 个答案: