如何結合本地存儲的數據存儲煎茶觸摸2

Question

//In view i have created one list with item tpl. below is the code 
{ 
xtype:'list', 
id:'userReviewList', 
title:'User Review', 
store:'UserReviewStore', 
height:300, 
itemTpl:'<div >{Comment}</div>' + '<div >{Rating}</div>' + '<div >{ReviewId}</div>' 
} 

//下面我在數據部分創建與硬編碼值這一模式。

Ext.define('AppName.store.UserReviewStore',{ 
    extend:'Ext.data.Store', 
    id:'reviewStore', 
    config:{ 

     fileds:[ 
      {name:'Comment',type:'string'}, 
      {name:'Rating', type:'int'}, 
      {name:'ReviewId',tyep:'int'} 
     ] 
    }, 

    data: [ 
     { Comment: 'nice', Rating: 5, ReviewId: 1 }, 
     { Comment: 'cool', Rating: 4, ReviewId: 2 }, 
     { Comment: 'awesome', Rating: 3, ReviewId: 3 } 
    ] 

}) 

//我能夠在列表視圖中顯示數據，但我需要使用本地存儲數據來顯示在列表中。貝婁是代碼從哪裏獲得本地存儲數據，當應用程序啓動我的同事儲存所以我現在來檢索本地存儲數據，並需要綁定存儲

var retrievedObject = localStorage.getItem('testObject');//getting local storage 
var jsonObj = Ext.decode(retrievedObject);//decoding 

這個解碼後，我會得到一個值列表像

var list = jsonObj.userReviewList 

我需要綁定這個列表存儲如何做到這一點。其中，i應該寫邏輯結合到存儲

Answer 1

在控制器當列表被激活時，顯示，或初始化。一些代碼，可以幫助你明白我的意思：

Ext.define('MyApp.controller.Main', { 
     extend: 'Ext.app.Controller', 
     config: { 
     refs: { 
      myList: '#userReviewList' 
     }, 
     control: { 
      myList: { 
      activate: 'onMyListActivate' 
      },  
     } 
     }, 
     onMyListActivate: function(me) { 
     var retrievedObject = localStorage.getItem('testObject');//getting local storage 
     var jsonObj = Ext.decode(retrievedObject);//decoding 
     var list = jsonObj.userReviewList 
     me.getStore().setData(list); 
     } 
    });