<!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. 一个vbs文件将指定文件夹下的文件名输出到指定文件夹下

    'on error resume NextConst MY_COMPUTER=&H11& Const WINDOW_HANDLE=0 Const OPTIONS=0 '设置我的电脑为根 ...

  2. IP多播(组播)

    IP多播是实现数据一对多通信的模式.从一个源点传送到多个目的地,数据仅仅拷贝一份.这里说的数据仅仅拷贝一份,是指在每一条须要它的两个点之间,数据仅仅有一份.例如以下图为<计算机网络>(谢希 ...

  3. javascript事件和事件处理

    于js期间事件处理被分成三个步骤: 1.发生事件 2.启动事件处理程序 3.事件处理程序做出反应 事件处理程序的调用 1.在javascript中 在javascript中调用事件处理程序,首先要获得 ...

  4. 使用hql当异常查询：Xxx is not mapped[from Xxx where ...]

    采用当今项目hql询问.出现    QingAoCenterInfo is not mapped[from QingAoCenterInfo where...] 显然地Hibernate映射关系出现了 ...

  5. React-Native基础教程

    React-Native牛刀小试仿京东砍啊砍砍到你手软 React-Native基础教程 *React-Native基础篇作者git *React-Native官方文档 *Demo 几个月前faceb ...

  6. Eclipse build launcher 3具体步骤

    1. 下载launcher 3源代码  (需要FQ) git clone https://android.googlesource.com/platform/packages/apps/Launche ...

  7. 读改善c#代码157个建议：建议10~12

    目录: 建议10:创建对象时需要考虑是否实现比较器 建议11:区别对待==与Equals 建议12:重写Equals时也要重写GetHashCode 一.建议10:创建对象时需要考虑是否实现比较器 比 ...

  8. JavaScript高级编程

             原文地址: http://www.onlamp.com/pub/a/onlamp/2007/07/05/writing-advanced-javascript.html Web应用程 ...

  9. main真正的形状函数

    我们经常使用的像 int main()这种形式,但main长身体机能完全到底是什么样子? 以下这个main函数的形式可能有些出乎我们的意料: int main(int argc, char *argv ...

  10. 普及windows流氓程序和监控软件

    win7下载更改后无黑屏windows7激活程序v1.0 一个立即安装 美女主播节目,和流行的色情垃圾邮件 安装程序,结果装了很多垃圾节目,输入.日历.文件等. 重新启动机器后,,会弹出广告. .他的 ...