datagrid 键盘上下左右选择单元格

最新推荐文章于 2019-08-08 09:01:38 发布

最新推荐文章于 2019-08-08 09:01:38 发布 · 1.4k 阅读

本文介绍了一个使用jQuery扩展Datagrid的方法，使Datagrid组件能够通过键盘进行导航。具体实现了当用户按下向上箭头键时，选中上一行的功能，并将焦点定位到指定单元格。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.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);
                      //单元格聚焦
                        $('#tt').datagrid('beginEdit', index-1);
                        var ed = $('#tt').datagrid('getEditor', {index:index-1,field:'earning'});
                        $(ed.target).focus();