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

向右看齐 2022-08-24 11:46 229阅读 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 条评论，229人围观）

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

相关阅读

相关 easyUI DataGrid多行上下移动排序，可直接保存到后台

天遇到这个业务，记录下来，参考至 [https://bbs.csdn.net/topics/390641047][https_bbs.csdn.net_topics_39...

╰半夏微凉°/ 2024年04月18日 07:39/ 0 赞/ 61 阅读

相关 jQuery EasyUI 数据网格 - 取得选中行数据

本实例演示如何取得选中行数据。 ![0a9d5b2ed65aac1649bd5d1da1fba156.png][] 数据网格（datagrid）组件包含两种方法来检索选中行

超、凢脫俗/ 2024年03月22日 08:46/ 0 赞/ 61 阅读

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

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

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

相关 jquery easyui datagrid data format

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

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

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

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

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

相关 jquery easyui datagrid 使用参考

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

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

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

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

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

相关 Easyui datagrid 获取选中行数据

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

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

相关 jquery-EasyUI datagrid 换行

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

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

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

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

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