Grid: click non-editable cell then performing TAB does not focus next grid cell

[dd_polla]

Hi All,

Any ideas how to support tabbing from a non-editable cell in a column to the next cell in the same row? For example, given the code below, the user clicks on a non-editable cell in the first row 2nd column and then performs a TAB. I would like the focus to goto the first row 3rd column.

Any suggestions of how to support this would be greatly appreciated!

thanks! dean.

Ext.create('Ext.data.Store', {
    storeId: 'simpsonsStore',
    fields:[ 'name', 'email', 'phone'],
    data: [
        { name: 'Lisa', email: '[email protected]', phone: '555-111-1224' },
        { name: 'Bart', email: '[email protected]', phone: '555-222-1234' },
        { name: 'Homer', email: '[email protected]', phone: '555-222-1244' },
        { name: 'Marge', email: '[email protected]', phone: '555-222-1254' }
    ]
});


Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        {header: 'Name', dataIndex: 'name', editor: 'textfield'},
        {header: 'Email', dataIndex: 'email', flex:1 },
        {header: 'Phone', dataIndex: 'phone', editor: 'textfield'}
    ],
    selModel: 'cellmodel',
    plugins: {
        ptype: 'cellediting',
        clicksToEdit: 1
    },
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

[dd_polla]

Figured it out. Need to override NavigationModel.onKeyTab()

thanks ,dean.