EditorGrid setting tab Order on cells

[Matt Kleweno]

I have an editorGrid in which i want to set the tab order on the cells after the grid is rendered.

how do i do this?

Someone posted this as an ExtJS solution...but I don't know how to translate it to EXT GWT.



onEditorKey : function(field, e){
var k = e.getKey(), newCell, g = this.grid, ed = g.activeEditor;
if(k == e.TAB){
if(e.shiftKey){
newCell = g.walkCells(ed.row, ed.col-1, -1, this.acceptsNav, this);
}else{
newCell = g.walkCells(ed.row, ed.col+1, 1, this.acceptsNav, this);
}
e.stopEvent();
}else if(k == e.ENTER){
ed.completeEdit();
e.stopEvent();
}else if(k == e.ESC){
e.stopEvent();
ed.cancelEdit();
}

if(newCell){
g.startEditing(newCell[0], newCell[1]);
}
}

[kolli]

tab order is the same as the cells in the editor grid.
Like it starts from the first editable cell and go along all the editable columns and then goes to the next row.

[Matt Kleweno]

I agree that is how the tab order works by default. I want to be able to skip over some editable columns in the tab order but still have them editable if someone clicks on the cell itself.

[kolli]

you can try setting the tab order for the editor fields. If that doesnot work.. my guess is to set the cell selection manually and start editing , each time you encounter a cell you want to skip.