extJS 그리드에서 JSON 데이터를 가져 오는 방법

-1

이 데이터를 내 상점에서로드 중입니다. 아무도 데이터를 동적으로로드하는 방법을 설명해 주시겠습니까? Ajax를 사용합니다.extJS 그리드에서 JSON 데이터를 가져 오는 방법

내 코드

Ext.create('Ext.data.Store', { 
    storeId: 'simpsonsStore', 
    fields:[ 'name', 'email', 'phone'], 
    data: [ 
     { name: 'Lisa', email: '[email protected]', phone: '555-111-1224' }, 
     { name: 'Bart', email: '[email protected]', phone: '555-222-1234' }, 
     { name: 'Homer', email: '[email protected]', phone: '555-222-1244' }, 
     { name: 'Marge', email: '[email protected]', 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 코드를 다시 쓰는 방법

출처

2017-04-12 David

안녕하세요 데이비드 예 & explaination이 링크를 참조하십시오 http://stackoverflow.com/questions/10918030/loading-data-from-a-json-file- into-extjs – Tejas

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

출처

2017-04-12 07:57:08

extJS 그리드에서 JSON 데이터를 가져 오는 방법

답변

관련 문제