ExtJS在表單中更新商店中新創建的記錄時出現的4個問題 - loadRecord updateRecord

Question

我在存儲表單時遇到了問題。該表單會加載一條用於編輯現有記錄的記錄，或者對於新記錄而言爲空白。編輯現有的記錄工作正常。創建一個新的也很好。如果我想編輯&更新新創建的記錄而不關閉並重新打開表單，則會出現問題。

我想問題是商店內的記錄的id是通過遠程服務器分配的。該表格持有該模型的副本，並沒有注意到變化的ID。

任何想法如何保持窗體和商店同步？

下面的代碼被用於保存：

var basicForm = this.up('form').getForm(), 
record = basicForm.getRecord(); 

if (basicForm.isValid()) { 

    if (!record) { 
     record = Ext.data.StoreManager.lookup('theModel').add(this.up('form').getForm().getFieldValues())[0]; 
     basicForm.loadRecord(record); 
    } else { 
     basicForm.updateRecord(record); 
    } 
} 

Answer 1

要繼續你的榜樣，你可以聽上存儲器的寫事件：

var basicForm = this.up('form').getForm(), 
record = basicForm.getRecord(), 
store = Ext.data.StoreManager.lookup('theModel'); // We'll add a field for simplicity 
store.on('write', onTheModelWrite); 

if (basicForm.isValid()) { 

    if (!record) { 
     record = Ext.data.StoreManager.lookup('theModel').add(this.up('form').getForm().getFieldValues())[0]; 
     basicForm.loadRecord(record); 
    } else { 
     basicForm.updateRecord(record); 
    } 
} 

var onTheModelWrite = function(s, o)//Here Ext passes the store and the options passed to save() 
{ 
    record = s.getAt(s.indexOf(record)); //We use getAt() because we don't know the id 
    basicForm.loadRecord(record); 
} 

你應該把這一切都在範圍內，當然，但是，希望你明白這個主意。