Extjs 4.0.7, Editor Grid - jak uzyskać zaktualizowaną wartość komórki?
Muszę uzyskać (pobrać) zaktualizowaną wartość komórki w kontrolerze. (MVC)
Więc spróbowałem tego,
var modified = this.getItemGrid().getStore().getUpdatedRecords();
console.log(modified); // return [] empty array
var modified = this.getItemList_Store().getUpdatedRecords();
console.log(modified); // return [] empty array
ale zawsze zwraca pustą tablicę, nawet jeśli zaktualizowałem trochę wartości komórki.
ktoś wie, co robię źle?
Oto moja część kodu widoku,
Ext.define("App.view.orders.ItemList_view", {
extend: "Ext.grid.Panel",
alias: "widget.itemList_view",
plugins: [
Ext.create('Ext.grid.plugin.CellEditing', {
clicksToEdit: 1
})
],
initComponent: function () {
this.store = "ItemList_store";
this.columns = [
{
xtype: 'checkcolumn', text: "Ship", width: 50, dataIndex: "DR"
},
{ header: "test", width: 100, dataIndex: "test",
editor: {
xtype : 'textfield'
}
}
];
this.selModel = Ext.create("Ext.selection.CheckboxModel");
//this.selModel = Ext.create("Ext.selection.CellModel"); // It does not works either.
this.callParent(arguments);
},
.
.
.
Dziękuję Ci!
[EDYTOWAĆ]
Bardzo dziękuję za odpowiedź! Mam jeszcze kilka pytań o siatkę edytora.
Różni się znacznie od Ext3. więc jestem teraz bardzo zagmatwany :(
Q1. Jak zbierać edytowane dane nagrań (raz kliknij przycisk)?
wydarzenie wystrzeliło po zmianie komórki siatki. ale chcę zebrać edytowany rekord siatki po kliknięciu przycisku „Aktualizuj edytowaną komórkę” i chcę zaktualizować wszystko razem.
W Ext3 podobało mi się to,
(button) click : function(){
var modified = mygridStore.getModifiedRecords();
var recordsToSend = [];
Ext.each(modified, function(record){
recordsToSend.push(record.data);
});
var grid = Ext.getCmp('grid');
grid.el.mask('Updating','x-mask-loading');
grid.stopEditing();
recordsToSend = Ext.encode(recordsToSend);
Ext.Ajax.request({
url : '/test/test',
params : {
data : recordsToSend
},
success : function(response){
grid.el.unmask();
alert(response.responseText);
mygridStore.commitChanges();
},
failure : function(response){
mygridStore.rejectChanges();
}
});
}
Jak mogę zmienić kod Extjs4?
Q2. Nie wiem, jak się przekonać o zmianie kolumny kontrolnej.
Próbowałem tego, ale nie działam dla kolumny kontrolnej (z powodu sprawdzenia po zmianie pola wyboru)
// grid coumn
{
xtype: 'checkcolumn', header: "My Check Column", width: 50, dataIndex: "CH"
}
-
// in control
'myGrid': {
validateedit: function (plugin, edit) {
console.log(edit);
},
checkchange: function (plugin, edit) {
console.log(edit);
console.log(edit.value);
}
}
Q3. Kiedy klikam komórkę do edycji, pokażę jakiś znacznik HTML w -_- ;;
Naprawdę doceniam twoją pomoc. i bardzo dziękuję za cenny czas!