Necesito obtener (recuperar) el valor de celda actualizado en el controlador. (MVC)

Así que intenté esto,

var modified = this.getItemGrid().getStore().getUpdatedRecords();
console.log(modified); // return [] empty array

var modified = this.getItemList_Store().getUpdatedRecords();
console.log(modified); // return [] empty array

pero siempre devuelve una matriz vacía incluso si actualizo algún valor de celda.

Alguien sabe lo que estoy haciendo mal?

Aquí está mi parte del código de vista,

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);
    },
    .
    .
    .

¡Gracias!

[EDITAR]

¡Muchas gracias por su respuesta! Tengo algunas preguntas más sobre la cuadrícula del editor.

Es muy diferente de Ext3. así que estoy muy confuso ahora :(

Q1. ¿Cómo recopilar datos de registro editados (botón de un clic)?

el evento se activa una vez que se cambia la celda de la cuadrícula. pero quiero recopilar un registro de cuadrícula editado una vez que hago clic en el botón 'Actualizar celda editada', y quiero actualizar todos juntos a la vez.

En Ext3, me gustó esto,

(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();
        }
    });
}

¿Cómo puedo cambiar el código para Extjs4?

Q2. Todavía no sé cómo averiguar para cambiar la columna de verificación.

Intenté esto, pero no trabajo para la columna de verificación (de la causa que probé después de cambiar la casilla de verificación)

// 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. Cuando hago clic en la celda para editar, muestra una etiqueta HTML en -_- ;;

Realmente aprecio su ayuda. ¡Y muchas gracias por su valioso tiempo!