博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ligerUI按shift键实现datagrid多选实现方法
阅读量:7224 次
发布时间:2019-06-29

本文共 1719 字,大约阅读时间需要 5 分钟。

hot3.png

1、页面中增加监听

2、引入JS

//-------------------------------------------------------------------------------// 结合SHIFT,CTRL,ALT键实现单选或多选//-------------------------------------------------------------------------------var KEY = { SHIFT:16, CTRL:17, ALT:18, DOWN:40, RIGHT:39, UP:38, LEFT:37};var selectIndexs = {firstSelectRowIndex:0, lastSelectRowIndex:0};var inputFlags = {isShiftDown:false, isCtrlDown:false, isAltDown:false}function keyPress(event){//响应键盘按下事件    var e = event || window.event;    var code = e.keyCode | e.which | e.charCode;    switch(code) {        case KEY.SHIFT:  inputFlags.isShiftDown = true;  break; default:    }}function keyRelease(event) { //响应键盘按键放开的事件    var e = event || window.event;    var code = e.keyCode | e.which | e.charCode;    switch(code) {        case KEY.SHIFT:  inputFlags.isShiftDown = false;  selectIndexs.firstSelectRowIndex = 0;  break; default:    }}

3、在datagrid中加入

 onCheckRow :function(checked,data,rowid,rowdata){     //-------------for 结合SHIFT键实现单选或多选---------------     if(!inputFlags.isShiftDown ){      selectIndexs.firstSelectRowIndex = data.__index;     }     if(inputFlags.isShiftDown ) {      selectIndexs.lastSelectRowIndex = data.__index;      var tempIndex = 0;      if(selectIndexs.firstSelectRowIndex > selectIndexs.lastSelectRowIndex ){       tempIndex = selectIndexs.firstSelectRowIndex;       selectIndexs.firstSelectRowIndex = selectIndexs.lastSelectRowIndex;       selectIndexs.lastSelectRowIndex = tempIndex;      }      for(var i = selectIndexs.firstSelectRowIndex ; i <= selectIndexs.lastSelectRowIndex ; i++){       grid.select(i);      }     }     //-------------for 结合SHIFT键实现单选或多选----------------   },

转载于:https://my.oschina.net/hycx227/blog/480099

你可能感兴趣的文章
struts2 type="redirectAction"重定向 与动态调用方法
查看>>
实时搜索的优化
查看>>
Oracle 好书 07 ( undo 表空间管理 )
查看>>
使用MapReduce实现温度排序
查看>>
技术网站
查看>>
HDU计算机学院大学生程序设计竞赛(2015’12)1008 Study Words
查看>>
python面试
查看>>
oracle中去掉回车换行空格的方法详解
查看>>
eval(gzinflate(base64_decode N层,自动解密
查看>>
Apache CXF 2.7.0 的 wsdl2java 生成客户端java类中required 未定义的问题
查看>>
中国大学排名定向爬虫
查看>>
657. Insert Delete GetRandom O(1)
查看>>
Java编程资料
查看>>
duilib 设计界面 初体验(附超链接开发)
查看>>
jvm内存区域
查看>>
IOS--常用控件--UIScrollView
查看>>
能够使开发和调试更为方便的java日志框架
查看>>
冷门Javascript API——element.insertAdjacentHTML
查看>>
绘制希尔伯特曲线
查看>>
LOJ 572 「LibreOJ Round #11」Misaka Network 与求和——min_25筛
查看>>