当前位置:  编程技术>WEB前端

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

    来源: 互联网  发布时间:2014-08-25

    本文导语:  扩展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 select...

扩展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;
}
});
});
}
});

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery easyui datagrid合计行实例代码
  • jquery easyui自定义DataGrid视图
  • jquery easyui中datagrid工具栏靠右浮动
  • Jquery下EasyUI组件中的DataGrid结果集清空方法
  • jQuery_easyUI合并单元格实例(DataGrid 数据表格)
  • jquery easyui利用DataGrid实现CRUD操作
  • jquery easyui展开datagrid行显示明细数据
  • JQuery easyui datagrid综合实例代码
  • jquery easyui easyui-datetimebox 取消用户输入
  • jquery easyui通过class方式设置dialog
  • jquery easyUI创建分组属性编辑器
  • Jquery easyui之控件参数传递方法
  • Jquery easyui入门教程(1)
  • 编程技术其它 iis7站长之家
  • jQuery的UI组件 EasyUI
  • Jquery easyui分页栏显示1到0怎么解决?
  • jquery easyui开发几点总结
  • jquery easyUI使用JS显示Dialog
  • jquery EasyUI导入js顺序详解
  • easyui的tabs update正确用法分享
  • jquery easyui表单重置扩展思路
  • jquery easyui自定义下拉框列表
  • Jquery EasyUI中弹出确认对话框
  • JQuery EasyUI使用笔记分享
  • Jquery easyui中Form表单提交注意事项
  • jquery easyui layout注意事项
  • JQuery EasyUI 日期控件如何控制日期选择区间
  • jQuery EasyUI表单验证的例子


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3