Ext js 6：グリッドに新しい挿入アイテムのすべてのフィールドが表示されない

Question

次のモデルとストアがあります。

モデル：

Ext.define('TruckTask.model.Company', { 
extend: 'Ext.data.Model', 

idProperty: 'id', 

fields: [ 
    {name: 'id', type: 'int', defaultValue: null}, 
    {name: 'name', type: 'string'}, 
    {name: 'site', type: 'string'}, 
    {name: 'createdDate', type: 'date', 
     convert: function(rawValue, model) { 

    var intDate = parseInt(rawValue); 

      if(intDate > 0){ 
       return Ext.util.Format.date(new Date(intDate), 'd.m.Y'); 
      } 

      if(typeof(rawValue) == 'object'){ 
       return rawValue; 
      } 
     } 
    }, 
    {name: 'langId', type: 'int'} 
] 

}）。

ストア：

Ext.define('TruckTask.store.Company', { 
extend: 'Ext.data.Store', 

requires : [ 
    'TruckTask.model.Company', 
    'TruckTask.config.SecureRestProxy' 
], 

alias: 'store.company', 

storeId: 'company', 

model : 'TruckTask.model.Company', 

autoLoad: true, 
autoSync: true, 

proxy: { 
    type: 'secure-rest', 
    reader: { 
     type: 'json' 
    }, 
    writer: { 
     type: 'json' 
    }, 
    api: { 
     read: '/api/company', 
     create: '/api/company', 
     update: '/api/company', 
     destroy: '/api/company' 
    } 
} 

}）;

私はこのモデルのリストにグリッドパネルを使用しています。しかし、私は新しいモデルの作成は別の形で行います。グリッドで

私は店を定義します。

store: { 
    type: 'company' 
}, 

とのハンドラを実装しているフォーム送信：

var record = this.getViewModel().get('rec'); 
    var companyStore = Ext.data.StoreManager.lookup('company'); 
    companyStore.add(record); 

だから、レコードはすぐにグリッドパネルに表示されますが、CreatedDateにフィールド値なし。この値はサーバーの応答から得られます。

サーバーレスポンスを取得したら、このレコードをグリッドパネルでどのように更新できますか？

Answer 1

this answerが便利だと思います。あなたの店にonCreateRecordsを実装し、新しいレコードが作成され保存された後に設定する必要があるものを設定します。