JQuery EasyUI datagrid 键盘上下控制选中行

向右看齐 2022-08-24 11:46 210阅读 0赞

$.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 条评论，210人围观）

还没有评论，来说两句吧...

相关阅读

相关 easyui 分类统计_jQuery easyUI datagrid 增加求和统计行的实现代码

下面小编就为大家带来一篇jQuery easyUI datagrid 增加求和统计行的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。在datagrid的o

雨点打透心脏的1/2处/ 2023年01月10日 03:56/ 0 赞/ 227 阅读

相关 jquery easyui datagrid 获取Checked选择行(勾选行)数据

getSelected：取得第一个选中行数据，如果没有选中行，则返回 null，否则返回记录。 getSelections：取得所有选中行数据，返回元素记录的数组数据。

淩亂°似流年/ 2022年08月27日 10:47/ 0 赞/ 233 阅读

相关 jquery easyui datagrid data format

概要 jQuery EasyUI是一个基于jquery的集成了各种用户界面的框架,使用easyui我们不需要写太多javascript代

Bertha 。/ 2022年08月24日 11:47/ 0 赞/ 212 阅读

相关 JQuery EasyUI datagrid 键盘上下控制选中行

$.extend($.fn.datagrid.methods, { keyCtr : function (jq) { retur

向右看齐/ 2022年08月24日 11:46/ 0 赞/ 211 阅读

相关 jquery easyui datagrid 使用参考

原文地址：http://www.cnblogs.com/youring2/archive/2013/03/01/2938661.html [jquery easyui da

「爱情、让人受尽委屈。」/ 2022年08月11日 16:02/ 0 赞/ 213 阅读

相关 jquery easyui -datagrid(悬浮,隐藏)

document.getElementById(i).style.display ='block'; //获取当前页面里面id为i的标签，改变该标签的样式，使其满眶显示。

悠悠/ 2022年08月09日 09:46/ 0 赞/ 361 阅读

相关 Easyui datagrid 获取选中行数据

Easyui datagrid 获取选中的第一行数据 //获取选中的第一行数据 var row = $('dg_id').datagrid('getSelec

向右看齐/ 2022年07月18日 05:55/ 0 赞/ 226 阅读

相关【easyui】datagrid根据条件隐藏行

rowStyler: function (index, row) { if (row.isEnd == '1') {

朴灿烈づ我的快乐病毒、/ 2022年07月13日 00:22/ 0 赞/ 590 阅读

相关 jquery-EasyUI datagrid 换行

加上参数：nowrap: false,即可。如下代码： $("\userList").datagrid(\{ width: 'auto', hei

怼烎@/ 2022年07月12日 01:29/ 0 赞/ 325 阅读

相关 EasyUI DataGrid Checkbox 多选获取选中行中的内容

　　　　<table id='grid' class='easyui-datagrid' style='width:950px;height:405px' 　

系统管理员/ 2021年09月29日 11:56/ 0 赞/ 415 阅读