代码之家 › 专栏 › 技术社区 › fastcodejava

在ExtJ中使用相同的组件

components extjs javascript

fastcodejava · 技术社区 · 10 年前

我有几个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;

1 回复 | 直到 10 年前

Behrad Farsi 10 年前

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

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'}
});

使用每个对象的两个实例(例如存储或分页工具栏)是绝对必要的。

推荐文章

code4cash · 声明了“string”,但从未读取其值

2 年前

Srinath Macherla · 如何删除ant design甜甜圈图表中的图例

2 年前

Federico Gentile · 如何在数组中无限循环并以角度显示值?

2 年前

Ren Jitsm · React useeffect显示组件安装2次

2 年前

Aden Lee · 如何在React中使用filter()控制JSX组件?

2 年前

Maria · 如何将DatePicker(@mui)值提升到父组件?

2 年前

Audiosleef · 根据搜索结果显示列表

6 年前

SamohtVII · 使用组件区域显示各种内容

6 年前

yhc44 · Vue。js组件父事件

6 年前

Chris · 在Vue中动态添加不同组件

6 年前