Forums

Hi,

I have a datatable with one column of editable HTML input fields. I need to select the row using arrow keys. Once I use arrow keys for selecting the rows the cursor and row selection should move together.

Currently, if I navigate using Arrow keys the cursor will alone move. The row selection will remain at the place where I left and if I use Tab key to select the row, the cursor is remaining in the earlier location.

I am using rowClickEvent to select the rows as below:

DataTable.subscribe("rowClickEvent", function(evt){
DataTable.onEventSelectRow(evt);
var html = evt.target;
var trEls=DataTable.getSelectedTrEls();
var fields = YAHOO.util.Dom.getElementsByClassName("fieldname","input",trEls[0]);
fields[0].focus();
});

Can somebody please help me achieve this.

Thanks for help.