Extjs 4 向网格显示 JSON 数据（按需）？

Question

到达 URL 后，如何将数据显示到网格，autoLoad:true，只加载第一个定义的 URL，但是如何“动态”将加载的 JSON 显示到网格？，用新调用的 JSON 重新加载数据？

buttons: [{
   text: 'Load1',
   handler:function(){
      myStore.getProxy().url = 'app/kontaktGrid1.json';
      myStore.load();
      grid.getView().refresh();
}},{
   text: 'Load2',
   handler:function(){
      myStore.getProxy().url = 'app/kontaktGrid2.json';
      myStore.load();
      grid.getView().refresh();
}}]

Ext.define('app.gridStore', {
     extend: 'Ext.data.Model',
     fields: [
        'name', 'email', 'phone'
     ]
});
var myStore =Ext.create('Ext.data.Store', {
    model: 'app.gridStore',
    proxy: {
        type: 'ajax',
        url : '',
        reader:{ 
            type:'json'
    }
    },
    autoLoad:false
});


--Grid in Border Layout Center--
items:[{
xtype:"grid",
id:"kontaktGrid",
store: myStore,
border: false,
columns: [
    {header: 'name',sortable : false,  dataIndex: 'name'},
    {header: 'email',sortable : false, dataIndex: 'email'},
    {header: 'phone',sortable : false, dataIndex: 'phone'}
]  
}]

这不起作用，只能从服务器加载，没有显示数据。

Answer 1

首先，你为什么要这样加载你的 json？即使它正在工作......这是简单的方法：

text: 'Load1',
handler:function(){
   myStore.load({
       scope : this,
       url : 'app/kontaktGrid1.json'
   });
   //myStore.getProxy().url = 'app/kontaktGrid1.json';
   //myStore.load();
   //grid.getView().refresh();
}

从docs，方法load的定义是 通过配置的代理将数据加载到存储中..

其次，您的探针只从服务器加载，没有显示数据..
这意味着 json、store 和模型没有错误...
我认为您的问题出在网格面板中..
试着告诉我们你是如何创建网格的

确保您的网格列引用（dataIndex）到您的 json

var grid = Ext.create('Ext.grid.Panel', {
    store: store,
    columns: [
        {text     : 'name',    sortable : false, dataIndex:"name"},
        {text     : 'email',   sortable : false, dataIndex:"email"},
        {text     : 'phone',   sortable : false, dataIndex:"phone"}
    ],
    //.....