I have a datagrid with only one column editable.

When I click on a row the cell of this column is automatically edited.

I would like now to have the same feature with up/down key.

For that I did :

editoptions: { dataEvents: [

{

type: 'keydown',

fn: function (e) {

var key = e.charCode || e.keyCode;

var gridArr = $("#list").getDataIDs();

var selrow = $("#list").getGridParam("selrow");

var curr_index = 0;

if(key == 40) { //down arrow

for (var i = 0; i < gridArr.length; i++) {

if (gridArr[i] == selrow)

curr_index = i;

}

if ((curr_index + 1) < gridArr.length)

{

// $('#list').saveRow(selrow, false, 'clientArray');

$("#list").resetSelection().setSelection(gridArr[curr_index + 1], true);

$('#list').editRow(selrow + 1, true, null, null, 'clientArray', {}, null, null, null, false, null);

}

}

It is working for one or two lines but after the focus is on the page and not on the datagrid.

Thank you for your help