extJSグリッドでJSONデータを取得する方法

Question

私のストアからこのデータをロードしています。誰でもデータを動的にロードする方法を教えてください。 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データを取得する方法です。 STOREコードの書き換え方法

Answer 1

Ext.data.proxy.Proxyを使用してサーバーからデータをロードするようにExt.data.Storeを構成する必要があります。

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を使用しています

ドキュメント：https://docs.sencha.com/extjs/6.2.0/classic/Ext.data.proxy.Proxy.html

コードサンプル：http://docs.sencha.com/extjs/6.0.2/classic/Ext.data.proxy.Ajax.html