我有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'
                        }
                    ],

我有两个网格，这两个网格将从同一个商店Person填充它自己。这两个网格在一个窗口中。当窗口加载时，我填充网格如下;

更新13

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页
但是，两个网格都填充了相同的数据集。我想要在网格1（sportID，sportName，noOfPlayers）上显示所有的体育信息，并在网格1（noOfMedals，noOfGolds）WHERE sportId='3'上显示体育信息。我该怎么做呢？