Javascript 如何在extJS网格中获取JSON数据

我正在从我的商店加载此数据。谁能告诉我如何动态加载数据。通过使用Ajax

我的代码

Ext.create('Ext.data.Store', {
    storeId: 'simpsonsStore',
    fields:[ 'name', 'email', 'phone'],
    data: [
        { name: 'Lisa', email: 'lisa@simpsons.com', phone: '555-111-1224' },
        { name: 'Bart', email: 'bart@simpsons.com', phone: '555-222-1234' },
        { name: 'Homer', email: 'homer@simpsons.com', phone: '555-222-1244' },
        { name: 'Marge', email: 'marge@simpsons.com', phone: '555-222-1254' }
    ]
});

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: 'Name', dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone' }
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

---

现在，我将把数据放入一些json文件中。我的问题是如何在extJS网格存储中获取JSON数据。如何重写存储代码

您需要将Ext.data.STore配置为使用Ext.data.proxy.proxy从服务器加载数据

Ext.data.proxy.Ajax-向同一域上的服务器发送请求

Ext.data.proxy.JsonP-使用JSON-p向服务器上的服务器发送请求 不同领域

Ext.data.proxy.Rest-使用RESTful HTTP方法 （GET/PUT/POST/DELETE）与服务器Ext.data.proxy.Direct通信 -使用Ext.direct.Manager发送请求

文件：

---

代码示例：

Hi-David请参阅此链接以获取示例和说明：