从Ext.data.store

Question

不能填充字段这里是我的模型：

Ext.define('Email', { 
    extend: 'Ext.data.Model', 
    idProperty: 'emailid', 
    fields: [ 
     { name: 'emailid', type: 'int' }, 
     { name: 'emailsubject', type: 'string', useNull: true }, 
     { name: 'emailbody', type: 'string', useNull: true }, 
     { name: 'emailto', type: 'string', useNull: true }, 
     { name: 'emailfrom', type: 'string', useNull: true }, 
    ] 
}); 

和DataStore：

var EmailDataStore = { 

    getDetailStore: function(aid) {  

     var options = { 
      autoLoad: true, 
      autoSync: true, 
      pageSize: 1, 
      remoteFilter: true, 
      remoteGroup: true, 
      remoteSort: true, 
      model: 'Email', 
      proxy: { 
       type: 'ajax', 
       url: 'datastores/datastore-email.asp?action=details&auditid=' + aid, 
       reader: { 
        type: 'json', 
        root: 'emailDetails' 
       } 
      } 
     }; 

     if (typeof (options2) != 'undefined') { 
      options = Ext.merge(options, options2); 
     } 

     var detailStore = Ext.create('Ext.data.Store', options); 
     return detailStore; 
    } 
} 

我将不包括ASP，因为JSON是适当地返回数据。但是，在这个代码下位，

... 
PortalEmailGrid.prototype.detailStore = null; 
PortalEmailGrid.prototype.showEmailDetails = function (id) { 
    var self = this; 
    //alert(id); 
    self.detailStore = EmailDataStore.getDetailStore(id); 
    //view store at this state - object appears to exist with the returned record in it 
    console.log(self.detailStore); 

    var firstItem = self.detailStore.first(); 
    //undefined here 
    console.log(firstItem); 
    //count is zero, but i can see the object in the console log above 
    alert('detailStore count: ' + self.detailStore.count()); 

    var win = Ext.create('Ext.window.Window', { 
     title: 'Email Details', 
     store: self.detailStore, 
     height: 400, 
     width: 800, 
     bodyPadding: 4, 
     items: [ 
      { 
       xtype: 'textfield', 
       name: 'tofield', 
       dataIndex: 'emailto', 
       fieldLabel: 'To' 
      }, 
           { 
       xtype: 'textfield', 
       name: 'subjectfield', 
       dataIndex: 'emailsubject', 
       fieldLabel: 'Subject' 
      } 

     ] 
    }); 

    win.show(); 
} 

我不能等领域与detailStore的数据填充。但是当我登录self.detailStore时，在Firebug中，我可以看到对象及其细节。 self.detailStore.count()显示为零，但根据控制台，数据应该在那里。我怀疑由于这种差异，这些字段没有填入dataIndex信息。另外，以前的代码块被称为是：

var selected = self.grid.selModel.selected; 
var id = selected.items[0].raw.emailid; 
//var status = selected.items[0].raw.status; 
PortalEmailGrid.prototype.showEmailDetails(id); 

你能看到任何理由数据不会从数据存储加载？

Answer 1

存储加载是异步的，当您将计数记录到控制台时，存储尚未加载。 Firebug总是显示对象的“最新”状态，这就是为什么你可以看到数据。您需要听商店上的加载事件。

所以，如果你删除自动加载的配置，你可以做这样的事情：

self.detailStore = EmailDataStore.getDetailStore(id); 
self.detailStore.load({ 
    callback: function(){ 
     console.log('loaded, do something'); 
    } 
});