Extjs 使用同一存储区填充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

自行填充。这两个网格在一个窗口中。当窗口加载时，我按如下方式填充网格：

更新1

#######################3

---

但是，两个网格使用相同的数据集填充。我想要的是在网格1上显示所有运动信息（

sportID

，

sportName

，

noOfPlayers

），并显示运动信息（

noOfMedals

，

noOfGolds

）

其中sportID='3'

。我该怎么做呢？

简短的回答-你不能。如果需要在同一个存储中同时显示两个不同的网格，则需要克隆存储并创建另一个副本

---

如果不是在同一时间-您可以使用筛选并在显示网格之前筛选一个存储。

简短回答-您不能。如果需要在同一个存储中同时显示两个不同的网格，则需要克隆存储并创建另一个副本

---

如果不是在同一时间-您可以使用筛选并在显示网格之前筛选一个存储。

根据第一个存储创建额外存储，仅将筛选应用于第二个存储

    DSScheduleDay: {
        source: '{DSSchedule}',
        filters: [function (rec) {

            return (rec.get('type_id') !== 'V');
        }]
    },

    DSScheduleWeek: {
        source: '{DSSchedule}',
        filters: [function (rec) {

            return (rec.get('type_id') === 'V');
        }]
    },

---

根据第一个存储创建额外存储，仅对第二个存储应用筛选器

    DSScheduleDay: {
        source: '{DSSchedule}',
        filters: [function (rec) {

            return (rec.get('type_id') !== 'V');
        }]
    },

    DSScheduleWeek: {
        source: '{DSSchedule}',
        filters: [function (rec) {

            return (rec.get('type_id') === 'V');
        }]
    },

---

如何在一个网格上显示所有内容并在第二个网格上显示过滤后的内容？请查看存储方法

filter（）

-我知道如何使用

filter（）

，但不清楚如何使用所有记录填充一个网格，然后使用过滤后的记录填充第二个网格。将两个网格绑定到同一个存储。然后在显示网格之前应用过滤器。网格将反映过滤后的数据。我已使用过滤器更新了代码。但两个网格仍然显示相同的过滤记录。我如何说过滤后的记录应该只显示在第二个网格中，而不显示在第一个网格中？我如何才能在一个网格上显示所有内容，并在第二个网格上显示过滤后的内容？看看存储方法

filter（）

-我知道如何使用

filter（）

，但不清楚如何用所有记录填充1个网格，然后用筛选的记录填充第2个网格。将两个网格绑定到同一个存储。然后在显示网格之前应用过滤器。网格将反映过滤后的数据。我已使用过滤器更新了代码。但两个网格仍然显示相同的过滤记录。我怎么说过滤后的记录应该只显示在第二个网格中，而不显示在第一个网格中？