設置localStorage的商店嵌套列表

Question

我創建了一個localStorage的商店，並儲存在它的演示值以下這個教程：

http://sureshdotariya.blogspot.com/2013/03/understanding-local-storage-proxy-in.html

而這一切工作正常，我認爲在存儲數據在鍍鉻的資源和它的存在，當我加載頁面加載罰款，沒有錯誤，但它顯示的數據，這是我的看法代碼：

Ext.define('MyTest.view.SearchPanel', { 
    extend: 'Ext.Panel', 
    xtype: 'searchpanel', 
    config: { 
     layout: 'fit', 
     items: [ 
     { 
      xtype: 'nestedlist', 
      title: 'Search Results', 
      displayField: 'Name', 
      store: {  
       storeId: 'UserStore', 
       fields: ['Name'] 
      }, 
     }] 
    } 
}); 

缺少什麼我在這裏？我可以使用本地存儲存儲作爲嵌套列表的存儲嗎？如果是，那麼爲什麼它顯示「找不到任何項目」，我已經在app.js中添加了該商店，我試圖在此視圖中要求它，但這不起作用。

您的幫助表示感謝，謝謝。

Answer 1

Ext.dataview.NestedList要求Ext.data.TreeStore而不是Ext.data.Store（在您提供的示例網址中）。

還有root,defaultRootProperty配置要求在Ext.data.TreeStore和leaf屬性的項目。

當然你也可以設置爲Ext.data.proxy.LocalStorage在代理Ext.data.TreeStore，嘗試用這些代碼：

Ext.define('ListApp.model.User', { 
    extend: 'Ext.data.Model', 
    config: { 
     fields: [{ 
      name: 'text', 
      type: 'string' 
     }] 
    } 
}); 
Ext.define('App.store.User', { 
    config: { 
     model: 'ListApp.model.User', 
     defaultRootProperty: 'items', 
     root: data 
     proxy: { 
      type: 'localstorage', 
      id: 'UserInfo' 
     } 
    } 
});