2013-10-26 64 views
0

從商店中讀取模型記錄我想爲我的sencha Ext JS應用程序實現i18n。 我使用了[https://github.com/elmasse/Ext.i18n.Bundle-touch/blob/master/i18n/Bundle.js] [1]中的impl,但使用了更簡化的版本。無法通過store.getById()

基本上,我有一個商店[webUi.util.rb.ResourceBundle]鏈接到模型[webUi.util.rb.model.KeyValPair],嘗試將json數據加載到商店。一旦數據加載,我試圖通過不同的存儲功能訪問加載的數據。但沒有得到它..?任何人都可以找到我缺少的東西..?

存儲類

Ext.define('webUi.util.rb.ResourceBundle', { 
     extend: 'Ext.data.Store', 
     requires: [ 
        'webUi.util.rb.model.KeyValPair' 
     ], 
     constructor: function(config){ 
      config = config || {}; 
      var me = this; 
      Ext.applyIf(config, { 
        autoLoad: true, 
        model: 'webUi.util.rb.model.KeyValPair', 
        proxy:{ 
          type: 'ajax', 
          url: webUi.util.AppSingleton.uiRsrcUrl, 
          noCache: true, 
          reader: { 
            type: 'json', 
            rootProperty: 'bundle' 
          }, 
          getParams: Ext.emptyFn 
        }, 
        listeners:{ 
          'load': this.onBundleLoad, 
          scope: this 
        } 
      }); 

      me.callParent([config]); 
      me.getProxy().on('exception', this.onBundleLoadException, this, {single: true}); 
     }, 

     onBundleLoad: function(store, record, success, op) { 
      if(success){ 
       this.fireEvent('loaded'); 
      } else{ 
       this.fireEvent('loadError'); 
      } 
     }, 
     onBundleLoadException: function(){ 
      console.dir(arguments); 
     }, 
     onReady: function(fn){ 
      this.readyFn = fn; 
      this.on('loaded', this.readyFn, this); 
     }, 
     getMsg: function(key){ 
      return this.getById(key)? Ext.util.Format.htmlDecode(this.getById(key).get('val')) : key + '.undefined'; 
     } 
}); 

模型類

Ext.define('webUi.util.rb.model.KeyValPair', { 
     extend: 'Ext.data.Model', 
     config: { 
       idProperty: 'key', 
       fields: ['key', 'val'] 
     } 

}); 

JSON響應

{"bundle":[{"key":"one","val":"Oneee"},{"key":"two","val":"Twooo"}]} 

我的代碼

var bundle = Ext.create('webUi.util.rb.ResourceBundle'); 
bundle.onReady(function(){ 
    console.log('%%%%%%%%%%%%%'); 
    console.log(bundle.getMsg('one')); 
    console.log(bundle.getById('one')); 
    console.log(bundle.getAt(0)); 
}); 

的console.log

%%%%%%%%%%%%% 
one.undefined 
null 
constructor {raw: Object, modified: Object, data: Object, hasListeners: HasListeners, events: Object…} 

回答

0

嘗試使用bundle.data.getMsg()