When tabbing in Celling Editing Grid Skip Action column

[toole1]

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.

[mitchellsimoens]

What Ext JS 4 version are you using? In 4.1 it should skip over the action column.

[toole1]

4.0.7

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

[yyogev]

Hi,

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) {
            editingPlugin.startEditByPosition(position);
  }
    
},

[toole1]

We just put on 4.1.1 from our vendor and tabbing does appear to work now.