<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width" />

    <title>IndexV6</title>

    <link href="/Plugs/jquery-easyui-1.4.3/themes/default/easyui.css" rel="stylesheet" />

    <link href="/Plugs/jquery-easyui-1.4.3/themes/icon.css" rel="stylesheet" />

    <script src="/Plugs/jquery-easyui-1.4.3/jquery.min-1.11.3.js"></script>

    <script src="/Plugs/jquery-easyui-1.4.3/jquery.easyui.min-1.4.3.js"></script>

    <script src="/Plugs/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN-1.0.js"></script>

    <script src="/Plugs/jquery-easyui-1.4.3/pengbg/pengbgEasyuiControl.js"></script>

</head>

<body>

<h2>IndexV6</h2>

<table class="easyui-datagrid" title="" style="width: 408px"

       data-options="url:'/Test/Data',onClickRow:fun,

             singleSelect: true,

            " id="datagrid">

    <thead>

        <tr>

            <th data-options="field:'ck',checkbox: 'true'"></th>

            <th data-options="field:'UpdateUser'"></th>

        </tr>

    </thead>

</table>

<script>

    $(document).ready(function () {

        $("body")[].onkeydown = keyPress;

        $("body")[].onkeyup = keyRelease;

    });

    function fun(index, row) {

        if (index != selectIndexs.firstSelectRowIndex && !inputFlags.isShiftDown) {

            selectIndexs.firstSelectRowIndex = index; //alert('firstSelectRowIndex, sfhit = ' + index);

        }

        if (inputFlags.isShiftDown) {

            $('#datagrid').datagrid('clearSelections');

            selectIndexs.lastSelectRowIndex = index;

            var tempIndex = ;

            if (selectIndexs.firstSelectRowIndex > selectIndexs.lastSelectRowIndex) {

                tempIndex = selectIndexs.firstSelectRowIndex;

                selectIndexs.firstSelectRowIndex = selectIndexs.lastSelectRowIndex;

                selectIndexs.lastSelectRowIndex = tempIndex;

            }

            for (var i = selectIndexs.firstSelectRowIndex ; i <= selectIndexs.lastSelectRowIndex ; i++) {

                $('#datagrid').datagrid('selectRow', i);

            }

        }

    }

    var KEY = { SHIFT: , CTRL: , ALT: , DOWN: , RIGHT: , UP: , LEFT:  };

    var selectIndexs = { firstSelectRowIndex: , lastSelectRowIndex:  };

    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;

                $('#datagrid').datagrid('options').singleSelect = false;

                break;

            case KEY.CTRL:

                inputFlags.isCtrlDown = true;

                $('#datagrid').datagrid('options').singleSelect = false;

                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 = ;

                $('#datagrid').datagrid('options').singleSelect = true;

                break;

            case KEY.CTRL:

                inputFlags.isCtrlDown = false;

                selectIndexs.firstSelectRowIndex = ;

                $('#datagrid').datagrid('options').singleSelect = true;

                break;

            default:

        }

    }

</script>

</body>

</html>

easyui datagrid shift 多选的更多相关文章

  1. EasyUI datagrid默认勾选checkbox时注意事项

    在使用easyui的datagrid默认选中复选框时遇到的一个问题:就是加载程序默认选中复选框时死活选不中,查了好多资料才知道是easyui的datagrid的singleSelect属性设置为‘tr ...

  2. easyui datagrid 通过复选框删除新追加的数据问题

    之前写好的功能在保存好数据后再通过复选框删除是没有问题的,可现在想多追加几行,然后选择删除新追加的某几行或一行,通过$('#dg').datagrid('getChecked')方法返回选中行,然而返 ...

  3. easyui datagrid checkbox复选框取消单击选中事件、初始全选全不选等问题解决

    系统业务需要,导入的列表数据默认全部选中,且不可取消选中行.全部店铺优惠券发放过后导入的数据全部清空.如图所示: 一.初始化页面默认全部选中“selectAll”,全部不选中“unselectAll” ...

  4. easyui datagrid去掉全选按钮

    第一步: F12查看元素,选中全选按钮,把全选按钮的class里边加上display:none属性.找到对应的class,即.datagrid-header-check. 第二步: 在加载 表格的时候 ...

  5. EasyUI DataGrid Checkbox 多选 获取选中行中的内容

    <table id='grid' class='easyui-datagrid' style='width:950px;height:405px' url='Ajax-index.php?mod ...

  6. EasyUI DataGrid 根据ID选中行（转载）

      转载来源: https://blog.csdn.net/chq00788/article/details/51505519 function selectRows(){ //获取需要选中的记录ID ...

  7. easyui datagrid 去掉 全选checkbox

    在加载 表格的时候添加事件:onLoadSuccess 在事件中写入下面句,用空代替原有HTML 达到取消效果. $(".datagrid-header-check").html( ...

  8. Easyui datagrid 隐藏多选框 checkbox

    在加载 表格的时候添加事件:onLoadSuccess 在事件中写入下面句,用空代替原有HTML 达到取消效果. $(".datagrid-header-check").html( ...

  9. EasyUI DataGrid单选如何取消选中

    EasyUI DataGrid在多选时,选中某行,可以取消:而在单选时,并不能取消选中某一行. 可以通过修改源码来完成. 在其源码中找到 opts.singleSelect==true 将代码做如下修 ...

随机推荐

  1. 由Lucnene 对于预治疗的文字，全角半角转换器（可执行）

    这是我第二次读这本书,在自己的学习之间XML,javascript,的深入研究<JAVA 核心技术>. 在当中深入的学习了java的非常多机制. 回头再来看搜索引擎这本书的时候.就认为比第 ...

  2. linux基于学习

    1.还有一个文件名前".",它代表的文件""隐藏文件". 2.chgrp:改变文件所属用户组 chown:改变文件全部者 chmod:改变文件的权限 ...

  3. 11gRAC CHM 管理

    Cluster Health Monitor(缩写CHM)是Oracle提供的工具,自己主动的资源来收集操作系统(CPU.内存.SWAP.过程.I/O与网络)用法. CHM数据被收集每秒一次,11.2 ...

  4. gdb经常使用的命令

    在调试程序的时候,gdb是一柄利器,恰当的使用gdb能够解决掉程序的很多bug. gdb并不检查语法错误.那是gcc或者g++的事情,gdb干的是调试的事情. 说明: (1)gdb 程序名 [core ...

  5. HDOJ 5000 Clone

    所有的属性,以满足一定的条件,是,财产和等于sum/2结果最大. Clone Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536 ...

  6. POJ1251 Jungle Roads 【最小生成树Prim】

    Jungle Roads Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 19536   Accepted: 8970 Des ...

  7. etl工具，kettle实现了周期

    Kettle这是国外的来源ETL工具,纯java写.能Window.Linux.Unix在执行.绿色无需安装,稳定高效的数据提取. 业务模型: 在关系型数据库中有张非常大的数据存储表,被设计成奇偶库存 ...

  8. IOC/DI的基本思想

    IOC/DI的基本思想 1.把程序之间的依赖关系去掉 2.把程序对象设置到IOC/DI容器的配置中作为Bean 3.由IOC/D.容器来管理Bean的创建和实例化 4.由IOC/DI容器来把Bean之 ...

  9. 具体说明 Flume介绍、安装和配置

    社论: 本文总结"Hadoop生态系统"中的当中一员--Apache Flume 写在前面二: 所用软件说明: 一.什么是Apache Flume 官网:Flume is a di ...

  10. java 遍历树节点 同时保留所有的从根到叶节点的路径

    直接在代码.稍后细说 数据结构定义: /** * */ package Servlet; import java.util.ArrayList; import java.util.List; /** ...