easyui datagrid 键盘上下控制选中行示例


  本文标签:键盘,上下控制,选中行

扩展datagrid的一个方法keyCtr
复制代码 代码如下:

$.extend($.fn.datagrid.methods, {
keyCtr : function (jq) {
return jq.each(function () {
var grid = $(this);
grid.datagrid(getPanel).panel(panel).attr(tabindex, 1).bind(keydown, function (e) {
switch (e.keyCode) {
case 38: // up
var selected = grid.datagrid(getSelected);
if (selected) {
var index = grid.datagrid(getRowIndex, selected);
grid.datagrid(selectRow, index - 1);
} else {
var rows = grid.datagrid(getRows);
grid.datagrid(selectRow, rows.length - 1);
}
break;
case 40: // down
var selected = grid.datagrid(getSelected);
if (selected) {
var index = grid.datagrid(getRowIndex, selected);
grid.datagrid(selectRow, index + 1);
} else {
grid.datagrid(selectRow, 0);
}
break;
}
});
});
}
});