easyui datagrid 键盘上下控制选中行示例
2014-08-11 21:40
639 查看
这篇文章主要介绍了扩展datagrid的一个方法keyCtr实现键盘上下控制选中行,需要的朋友可以参考下
扩展datagrid的一个方法keyCtr
这篇文章主要介绍了扩展datagrid的一个方法keyCtr实现键盘上下控制选中行,需要的朋友可以参考下
扩展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; } }); }); } });原文出处:http://www.jquerycn.cn/a_6731
相关文章推荐
- easyui datagrid 键盘上下控制选中行示例
- easyui datagrid 键盘上下控制选中行
- easyui datagrid 键盘上下控制选中行
- JQuery EasyUI datagrid 键盘上下控制选中行
- JQuery EasyUI datagrid 键盘上下控制选中行
- JQuery EasyUI datagrid 键盘上下控制选中行
- ASP.NET中键盘上下左右键控制DataGrid的项选择和分页 - [转载]
- easyui 键盘控制tree 上下
- 利用JS来控制键盘的上下左右键(示例代码)
- EasyUI_Datagrid编辑-键盘上下键选择行(一)
- easyui datagrid表格可以通过键盘上下箭头键来选择行
- 利用JS来控制键盘的上下左右键(示例代码)
- 利用JS来控制键盘的上下左右键(示例代码)
- 【转】wince 下 Datagrid 列宽控制及Datagrid 整行选中模式实现
- easyUI中datagrid控制获取指定行数的数据
- easyui 设置dataGrid选中行的背景颜色
- 为EasyUI的DataGrid某单元格单独赋值示例
- easyui datagrid行选中情况下,再次点击取消选中。
- EasyUI DataGrid单选如何取消选中