cell's focus in a grid

[Fonnit]

Hi all,

I have a grid in cellEdit mode.

I want to know why the different results are shown
after I edit the cell....

result 1:
IF I click the Enter key after inputting nothing in the cell that is in edit mode then
I can move the cell's focus using arrow key.

result 2:
IF I click the Enter key after inputting something in the cell that is in edit mode then
I can not move the focus using arrow key.

why?

Does any suggestion for me?
I want to move the focus using arrow key in result 2 too...

thanks

[scottmartin]

I do not see this problem: (Ext 4.1.1)

What version are you using?

Ext.create('Ext.data.Store', {
    storeId : 'simpsonsStore',
    fields  : ['name', 'email', 'change'],
    data    : {'items' : [
        { 'name' : 'Lisa',  'email' : 'lisa@simpsons.com',  'change' : 100  },
        { 'name' : 'Bart',  'email' : 'bart@simpsons.com',  'change' : -20  },
        { 'name' : 'Homer', 'email' : 'home@simpsons.com',  'change' : 23   },
        { 'name' : 'Marge', 'email' : 'marge@simpsons.com', 'change' : -11  }
    ]},
    proxy   : {
        type   : 'memory',
        reader : {
            type : 'json',
            root : 'items'
        }
    }
});

var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {
    clicksToEdit: 1
});

Ext.create('Ext.grid.Panel', {
    title      : 'Simpsons',
    store      : Ext.data.StoreManager.lookup('simpsonsStore'),
    selModel: {
        selType: 'cellmodel'
    },
    columns    : [
        { header : 'Name', dataIndex : 'name' , editor: { xtype: 'textfield' }},
        { header : 'Email', dataIndex : 'email', flex : 1, editor: { xtype: 'textfield' } },
        { header : 'Change', dataIndex : 'change', editor: { xtype: 'numberfield' } }
    ],
    height     : 200,
    width      : 400,
    renderTo   : Ext.getBody(),
    plugins: [ cellEditing ]
});​

Scott.

[Fonnit]

thanks for your example.

i am using Extjs V4.1.0

[scottmartin]

You should be able to upgrade to fix this.

Regards,
Scott.