View Full Version : When tabbing in Celling Editing Grid Skip Action column

6 Jun 2012, 11:53 AM
I setup a grid through architect, similar to the example "Cell Editing Grid Example", but when I tab from an editable column to the next column and that column is the action column, it highlights the action column instead of skipping to the next editable column. Is there some trick to this I am missing? I looked at the source cell-editing.js and I can't figure out what make the tab skip over the action column.

11 Jun 2012, 6:45 AM
What Ext JS 4 version are you using? In 4.1 it should skip over the action column.

11 Jun 2012, 6:48 AM

The vendor we use to license ExtJS is still on 4.0.7 not 4.1 yet.

16 Jul 2012, 3:50 AM

The code in the cell editor plugin handles the tab by looking for the next editable field, so the action column is skipped. In my grid, the action column is rightmost, so the tab from the field to its left jumps to the first column on the following row.
This looks like a bug to me.

onEditorTab: function(editingPlugin, e) {
var me = this,
view = me.views[0],
record = editingPlugin.getActiveRecord(),
header = editingPlugin.getActiveColumn(),
position = view.getPosition(record, header),
direction = e.shiftKey ? 'left' : 'right';

do {
position = view.walkCells(position, direction, e, me.preventWrap);
} while(position && !view.headerCt.getHeaderAtIndex(position.column).getEditor());

if (position) {


20 Nov 2012, 8:11 AM
We just put on 4.1.1 from our vendor and tabbing does appear to work now.