将 JSON 数组附加到现有的 Extjs 数据存储网格面板答案

【问题标题】：Appending JSON array to existing Extjs datastore grid panel将 JSON 数组附加到现有的 Extjs 数据存储网格面板
【发布时间】：2012-10-18 01:24:25
【问题描述】：

我需要一个简单的示例来重新加载 Extjs 网格的数据存储，基本要求是将 Extjs json 数据存储附加到另一个 json 数组。请帮我完成此代码以在 Extjs Grid 面板中加载 data2（json 对象）。

        Ext.onReady(function () {
            var store = Ext.create('Ext.data.Store', {
                storeId: 'employeeStore',
                fields: ['name', 'seniority', 'department'],
                groupField: 'department',
                data: {
                    'employees': [{
                        "name": "Michael Scott",
                        "seniority": 7,
                        "department": "Management"
                    }, {
                        "name": "Dwight Schrute",
                        "seniority": 2,
                        "department": "Sales"
                    }, {
                        "name": "Jim Halpert",
                        "seniority": 3,
                        "department": "Sales"
                    }, {
                        "name": "Kevin Malone",
                        "seniority": 4,
                        "department": "Accounting"
                    }, {
                        "name": "Angela Martin",
                        "seniority": 5,
                        "department": "Accounting"
                    }, {
                        "name": "Angela Martin",
                        "seniority": 5,
                        "department": "Accounting"
                    }]
                },
                proxy: {
                    type: 'memory',
                    reader: {
                        type: 'json',
                        root: 'employees'
                    }
                }
            });
            Ext.create('Ext.grid.Panel', {
                title: 'Employees',
                store: Ext.data.StoreManager.lookup('employeeStore'),
                columns: [{
                    text: 'Name',
                    dataIndex: 'name'
                }, {
                    text: 'Seniority',
                    dataIndex: 'seniority'
                }, {
                    text: 'department',
                    dataIndex: 'department'
                }],

                width: 520,
                height: 275,
                renderTo: Ext.getBody()
            });

            var data2 = {
                'employees': [{
                    "name": "User1",
                    "seniority": 7,
                    "department": "Management"
                },{
                    "name": "User2",
                    "seniority": 7,
                    "department": "Management"
                }]
            };

        });

【问题讨论】：

标签： json extjs extjs4

【解决方案1】：

Ext.getStore('employeeStore').add(data2.employees);

查看Ext.data.Store#add 文档了解更多信息。

注意：Ext.getStore() 是Ext.data.StoreManager.lookup() 的快捷方式。

【讨论】：