Настройка 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' 
     } 
    } 
});