如何將JSON加載到TreeStore？

我想將JSON文件加載到TreeStore中以在TreePanel中使用。我可以加載商店的值，並顯示如果我硬編碼的樹，但是當我嘗試從JSON文件加載它，它不會顯示樹中的任何東西。這裏是我的代碼：如何將JSON加載到TreeStore？

JSON文件：exampleDoc.json

{ 
    "success": true, 
    "Root": [ 
      { 
      "name": "Bookmark 1", 
      "leaf": true, 
      "element": "1" 
     },{ 
      "name":"Bookmark 2", 
      "leaf": true, 
      "element": "2" 
     },{ 
      "name":"Bookmark 3", 
      "leaf": true, 
      "element": "3" 
     } 
    ] 
}

這裏是我的模型

Ext.define('bkmark', { 
      model : 'Ext.data.Model', 
      fields : ['name', 'element'] 
     });

這裏是我的樹商店

var store = Ext.create('Ext.data.TreeStore', { 
      model: 'bkmark', 
      proxy: { 
      type: 'ajax', 
      url : 'exampleDoc.json', 
      reader: { 
       type: 'json' 
        } 
      } 
     });

這裏是我的樹面板

var treePanel = Ext.create('Ext.tree.Panel', { 
      title: 'Bookmarking', 
      width: 225, 
      height: 150, 
      store: store, 
      rootVisible: false, 
      region: 'west', 
      collapsible: true, 
      });

在此先感謝！

來源

2012-11-27 user1857996

代理的reader有一個名爲root的配置，它定義了當您擁有頂級域如success時實際數據的位置。

由於數據"Root"下，你應該定義你的讀者像這樣：

reader: { 
    type: 'json', 
    root: 'Root' 
}

或者，你可以使用默認root，這是data。所以在你的json更改"Root"到"data"。

順便說一句，來定義模型的標準方法是：

Ext.define('bkmark', { 
    extend: 'Ext.data.Model', 
    fields : ['name', 'element'] 
});

來源

2012-11-27 23:18:22 Izhaki

如何將JSON加載到TreeStore？

回答

相關問題