How do I go to the next control in Gridpanel pressing enter key?

How do I go to the next control in Gridpanel pressing enter key?

Here is the version 1.0 code. how do I do version 2.0?

<ext:GridPanel ID="GridPanel1" runat="server" Icon="Table" Frame="true" Title="APG Peryot"
Height="600" Width="400" StoreID="Store1" StyleSpec="margin-top: 10px">
...........
<Listeners>
<Render Handler="this.getSelectionModel().onEditorKey = myOnEditorKey;" />
</Listeners>
...................
</ext:GridPanel>


var myOnEditorKey = function (field, e) {
alert('girdi');
var k = e.getKey(), newCell, g = this.grid, last = g.lastEdit, ed = g.activeEditor, shift = e.shiftKey, ae, last, r, c;

if (k == e.TAB) {
e.stopEvent();
if (shift) {
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);
}
} else if (k == e.ENTER) {
e.stopEvent();
if (shift) {
newCell = g.walkCells(last.row, last.col - 1, -1, this.acceptsNav, this);
} else {
newCell = g.walkCells(last.row, last.col + 1, 1, this.acceptsNav, this);
}
}

if (newCell) {
r = newCell[0];
c = newCell[1];
this.onEditorSelect(r, last.row);
if (g.isEditor && g.editing) {
ae = g.activeEditor;
if (ae && ae.field.triggerBlur) {
ae.field.triggerBlur();
}
}
g.startEditing(r, c);
}
}