easyui datagrid表格可以通过键盘上下箭头键来选择行

来源：互联网发布：北京少儿编程培训班编辑：程序博客网时间：2024/05/16 13:46

转载自：http://blog.csdn.net/zhpengfei0915/article/details/37562229

$.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;                }            });        });    }});
$("#id").datagrid({}).datagrid("keyCtr");

阅读全文

0 0