zoukankan      html  css  js  c++  java
  • easyui 分页保存checkbox的选中状态

    1、首先设置datagrid属性的idField主键,这里假如为id。

    2、建立一个全局的javascript数组var checkedItems = [],用来存放选中checkbox的值。

    3、核心方法,addcheckItem()、removeAllItem(rows)、removeSingleItem(rowIndex, rowData)当选中或者取消checkbox时触发

        用来将checkbox的主键值保存在checkedItems数组,或者从数组中删除对应的id值,findCheckedItem(ID)这个函数用来查找数组中

      是否存在checkbox的值,存在则返回id值,不存在则返回-1.

    4、什么时候调用这些方法呢?分别在datagrid的 onCheckAll: addcheckItem,onCheck: addcheckItem,onUncheckAll: removeAllItem,onUncheck: removeSingleItem 这四个事件中

      调用对应的方法。

    5、翻页后如何给checkbox赋值呢?关键就在这里,datagrid重写了$.fn.datagrid.defaults.view的onAfterRender事件,

      因此在datagrid的view事件里绑定这个函数就OK了。onAfterRender事件是当easyui的元素渲染完毕后执行的事件,在这里会调用手写的ischeckItem函数来实现对checkbox的赋值!


    $("#maingrid").datagrid({ idField: 'id', view: fileview }); var fileview = $.extend({}, $.fn.datagrid.defaults.view, { onAfterRender: function (target) { ischeckItem(); } }); var checkedItems = []; function ischeckItem() { for (var i = 0; i < checkedItems.length; i++) { $('#maingrid').datagrid('selectRecord', checkedItems[i]); //根据id选中行 } } function findCheckedItem(ID) { for (var i = 0; i < checkedItems.length; i++) { if (checkedItems[i] == ID) return i; } return -1; } function addcheckItem() { var row = $('#maingrid').datagrid('getChecked'); for (var i = 0; i < row.length; i++) { if (findCheckedItem(row[i].id) == -1) { checkedItems.push(row[i].id); } } } function removeAllItem(rows) { for (var i = 0; i < rows.length; i++) { var k = findCheckedItem(rows[i].id); if (k != -1) { checkedItems.splice(i, 1); } } } function removeSingleItem(rowIndex, rowData) { var k = findCheckedItem(rowData.id); if (k != -1) { checkedItems.splice(k, 1); } }
  • 相关阅读:
    Oracle 安装安全补丁过程中出现的问题
    Oracle 设置日志模式
    Oracle 设置archivelog错误解决方案
    sum() over() 函数的使用
    C盘清理,移动node 依赖和缓存文件
    ol设置最佳可视范围和限制缩放
    flex弹性布局模式下文字超出显示省略号
    查看svn本地账户和密码
    flutter apk启动闪退问题
    More than one file was found with OS independent path 'lib/armeabi-v7a/libflutter.so'
  • 原文地址:https://www.cnblogs.com/codeloves/p/2881692.html
Copyright © 2011-2022 走看看