ExtJS - localStorage

Question

我有'電影'模型，並在Ext.data.Store中保存數據。電影顯示在gridPanel中。給予搜索參數並點擊按鈕存儲後重新加載。

現在，我試圖使用localStorage。它應該將數據保存在監聽器的功能內部：

listeners: { 
       'click': function() { 
        movieDataStore.sync(); 
        var textValue = Ext.getCmp("searchFieldId").getValue(); 

        movieDataStore.load({ 
         params : { 
          start : 0, 
          limit : 25, 
          t : textValue 
         } 
        }); 
       } 
      } 

我應該怎麼做？

---

UPDATE V1

如果我初始化這樣的緩存變量我會用Ext.state.LocalStorageProvider：

 var movieLocalCacheStore = Ext.state.LocalStorageProvider.create(); 

    var movieGridPanel = Ext.create('Ext.grid.Panel', { 
     store : movieDataStore, 

     tbar : [ 'Search', { 
      xtype : 'textfield', 
      name : 'searchField', 
      id: 'searchFieldId', 
      emptyText : 'Put movie title here', 
      hideLabel : true, 
      width : 200 
     }, { 
      xtype : 'button', 
      text : 'Search', 
      tooltip : 'Search for movie', 
      listeners: { 
       'click': function() { 
        var textValue = Ext.getCmp("searchFieldId").getValue(); 

        movieDataStore.load({ 
         params : { 
          start : 0, 
          limit : 25, 
          t : textValue 
         } 
        }); 
        movieDataStore.sync(); 
        movieGridPanel.getView().refresh(); 

        //localStorage.setItem(textValue, movieDataStore.getAt(0)); 
        movieLocalCacheStore.set(textValue, movieDataStore.getAt(0)); 

       } 
      } 
     } ] 
    }); 

？

我有一個名爲'MovieModel'的模型。是否movieDataStore.getAt(0)獲取對象的正確方法？

我應該如何檢查是否有緩存的搜索結果（並加載到movieDataStore/movieGridPanel）？

Answer 1

最後，我解決它通過使用本地存儲變量：

var textValue = Ext.getCmp("searchFieldId").getValue();     

    var tmpRecord = localStorage.getItem(textValue); 
    if(tmpRecord != null) { 
       ... 
    } else { 
     var movieRecord = { 
       title : data.Title, 
       year : data.Year, 
       genre : data.Genre, 
       plot : data.Plot, 
       poster : data.Poster 
      }; 

     localStorage.setItem(textValue, JSON.stringify(movieRecord)); 
     ... 
    } 

Answer 2

您可以通過調用靜態create方法來創建本地存儲的實例。這裏是你如何能做到這：

var myLocalStore = Ext.state.LocalStorageProvider.create(); 

可以存儲和使用set和get方法檢索值。這裏是一個例子：

myLocalStore.set('srhTxt',value); 

如果你有很多參數，你可以將它們組合成一個對象並存儲。