<!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. Intent用法

    Intent是android系统中的最佳男主角,Intent翻译成中文的意思是"意图",说白了就是"我想要...",也就是说眼下运行中的Activity想要请其 ...

  2. Jafka来源分析——Processor

    Jafka Acceptor接受client而建立后的连接请求,Acceptor会将Socket连接交给Processor进行处理.Processor通过下面的处理步骤进行client请求的处理: 1 ...

  3. [ACM] HUST 1017 Exact cover (Dancing Links,DLX模板题）

    DESCRIPTION There is an N*M matrix with only 0s and 1s, (1 <= N,M <= 1000). An exact cover is ...

  4. 终结者单身——setAccessible(true)

    首先看一下"传说"Singleton模式 package go.derek; public class Singleton{ public static int times; pr ...

  5. python基础课程_学习笔记26：编程的乐趣

    编程的乐趣 编程柔术 当你坐下来,打算如何组织计划要定时,具体程序,然而,无论什么经验.在实现时间的函数的,你会逐渐学会了原来的设计,实用的新知识.我们不应该忽视沿途汲取的教训,相反,它们用于其他设计 ...

  6. NavigationBar隐藏

    小编今天呢在搞 NavigationBar但是怎么弄都用不好,假设用navigationbar我往里面拖拽button.button的点击反应范围比較大,这样效果就不好. 突然看到有网友说能够将nav ...

  7. 左右AjaxFileUpload背景返回Json治

    项目中用到图片的无刷新上传,因此想到用ajaxUpLoadFile来解决. 第一步,先在上传图片的页面引入你下载到本地的ajaxfileupload.js文件. 文件下载地址:http://downl ...

  8. 恶意软件&quot;跨平台&quot; 小心钱包很受伤

    什么是跨平台攻击? 举例来说.就像网络诈骗犯为了避开电子商务平台的监控.会在微博上发消息.百度上撒网,腾讯上联系,最后在淘宝上交易.这样的跨平台操作的模式会大大添加犯罪过程监控和取证的难度.而跨平台攻 ...

  9. codeforces Round #259(div2) E解决报告

    E. Little Pony and Summer Sun Celebration time limit per test 1 second memory limit per test 256 meg ...

  10. HDU 1754 I Hate It （段树单点更新）

    Problem Description 很多学校更受欢迎的习惯. 老师们真的很喜欢问.从XX XX到其中,的是多少. 这让非常多学生非常反感. 无论你喜不喜欢,如今须要你做的是,就是依照老师的要求.写 ...