源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-06-13 23:56 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:easyui datagrid 键盘上下控制选中行示例
扩展datagrid的一个方法keyCtr
[u]复制代码[/u] 代码如下:
$.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; } }); }); } });
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部