我有 2 个网格,这两个网格都会从同一个商店自行填充Person
。
我遇到的问题是,在第一个网格中,我将加载所有体育项目及其拥有的玩家数量。在第二格中,我将仅显示一项运动赢得的奖牌和金牌数量,其中SportID = 3
. 我怎样才能做到这一点 ?当我加载网格时,它会填充所有
{
xtype: 'gridpanel',
title: 'ALl Sports',
store: 'Person',
columns: [
{
xtype: 'gridcolumn',
dataIndex: 'SportID',
text: 'Sport ID'
},
{
xtype: 'gridcolumn',
dataIndex: 'SportName',
text: 'Sport Name'
},
{
xtype: 'gridcolumn',
dataIndex: 'NoOfPlayers',
text: 'No Of Players'
}
]
},
{
xtype: 'gridpanel',
title: 'Sport Medals for Sport ID 3',
store: 'Person',
columns: [
{
xtype: 'gridcolumn',
dataIndex: 'noOfMedals',
text: 'No Of Medals'
},
{
xtype: 'gridcolumn',
dataIndex: 'NoOfGold',
text: 'No Of Gold'
}
],
我有 2 个网格,这两个网格都会从同一个商店自行填充Person
。这两个网格在一个窗口中。当窗口加载时,我按如下方式填充网格;
更新 1 #############################3
var personStore = Ext.getStore('Person');
var r = personStore.getAt(0);
personStore.on('load', function() {
r = personStore.getAt(0);
st.filter({
filterFn: function(rec) {
return rec.get('PersonId') == r.get('PersonId');
}
});
personStore.load();
#######################3
但是,两个网格都填充了相同的数据集。我想要的是在 Grid 1 ( sportID
, sportName
, noOfPlayers
) 上显示所有运动信息,并显示运动信息 ( noOfMedals
, noOfGolds
) WHERE sportId='3'
。我怎样才能做到这一点 ?