手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >easyui datagrid 键盘上下控制选中行示例
easyui datagrid 键盘上下控制选中行示例
摘要:扩展datagrid的一个方法keyCtr复制代码代码如下:$.extend($.fn.datagrid.methods,{keyCtr:f...

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

}

});

});

}

});

【easyui datagrid 键盘上下控制选中行示例】相关文章:

js去除字符串里中文与空格的例子

javascript实现控制的多级下拉菜单

强制设为首页代码

javascript瀑布流布局实现方法详解

实现DIV圆角的JavaScript代码

JavaScript Base64编码和解码,实现URL参数传递。

手机开发必备技巧:javascript及CSS功能代码分享

JavaScript实现将UPC转换成ISBN的方法

JQuery控制Radio选中方法分析

jQuery+ajax实现无刷新级联菜单示例

精品推荐
分类导航