<!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. DDDLite的权限管理

    领域驱动设计实战—基于DDDLite的权限管理   在园子里面,搜索一下“权限管理”至少能得到上千条的有效记录.记得刚开始工作的时候,写个通用的权限系统一直是自己的一个梦想.中间因为工作忙(其实就是懒 ...

  2. HDU更多的学校比赛9场 HDU 4965Fast Matrix Calculation【矩阵运算+数学技巧】

    困难,.,真,,,不是太困难 的问题是,有一个矩阵运算优化 您有权发言权N*K矩阵A给K*N矩阵B(1<=N<=1000 && 1=<K<=6).他们拿起了第一 ...

  3. mysql声明摘要

    前一段时间,和学生参加该项目的最终完成,主要的项目是做一个报告,它涉及到很多sql声明,因此,采取下一个汇总. 一.基金会 1.数据库相关的命令 a>.创建数据库 CREATE DATABASE ...

  4. 最快的方法来清除Chrome浏览器DNS高速缓存

    最快的方法是直接数据url.那么不需要清除dns高速缓存. chrome://net-internals/#dns 一般步骤,要经过下列几项. Chrome - > 扳手 - > 选项 - ...

  5. unix pwd使用命令

    [语法]:     pwd [说明]:    此命令会显示当前的工作文件夹 []: pwd     这显示当前工作文件夹 版权声明:本文博主原创文章.博客,未经同意不得转载.

  6. 无法使用SQL login去登陆SQL Server - 'Password did not match'

    原文:无法使用SQL login去登陆SQL Server - 'Password did not match' 出自:http://blogs.msdn.com/b/apgcdsd/archive/ ...

  7. SQL入门学习1-查询基础

    2-1 SELECT语句基础 SELECT语句作用 SELECT 语句用于从表中选取数据. 结果被存储在一个结果表中(称为结果集). 重点 使用SELECT语句从表中选取数据. 为列设定显示用的别名 ...

  8. 设计模式入门之装饰器模式Decorator

    //装饰模式定义:动态地给一个对象加入一些额外的职责. //就添加功能来说.装饰模式比生成子类更为灵活 //这也提现了面向对象设计中的一条基本原则,即:尽量使用对象组合,而不是对象继承 //Compo ...

  9. Codeforces Round #271 (Div. 2) E题 Pillars（线段树维护DP）

    题目地址:http://codeforces.com/contest/474/problem/E 第一次遇到这样的用线段树来维护DP的题目.ASC中也遇到过,当时也非常自然的想到了线段树维护DP,可是 ...

  10. OpenCV功能界面和示例

    OpenCV2.4.9 API Reference http://docs.opencv.org/modules/refman.html 版权声明:本文博客原创文章,博客,未经同意,不得转载.