zoukankan      html  css  js  c++  java
  • 关于easyui checkbox 的一些操作处理

    1、easyui在每一行加checkbox

      { field: 'id', title: '编号', checkbox: true }

    2、easyui分页时记住前面已选的checkbox

      设置easyui的dField属性

      dField: 数据字段,一般为主键或唯一确定的字段

    3、获取已勾选的行:

      var rows = $('#datagrid').datagrid('getChecked');

    4、判断checkbox是否全选:

      var allFlg = $(".datagrid-header-check").find("input").is(":checked");

    5、checkbox在弹出层的,记住选中的checkbox,再次弹出弹出层时,将已选的checkbox回设

      先将已选的checkbox该行的idField存进全局变量数组 

      // 保存已选的checkbox
      var checkboxs = new Array();

      function selectCheckBox() {

        var rows = $('#datagrid').datagrid('getChecked');//获取已勾选的行

        checkboxs = new Array();//全局变量 

        注:这里要重新new,不然会保留上一次的勾选结果

        for (var i = 0; i < rows.length; i++) {
          checkboxs [i] = (rows[i][idField的值]);
          }
      }

      下次进来时执行

      onLoadSuccess: function (data) {

        if (data.rows.length > 0) {
          for (var i = 0; i < data.rows.length; i++) {

            //判断该idField是否为数组中的元素
            if (checkboxs .in_array(data.rows[i].idField的值)) {

              //将该index的行的checkbox勾上
              $("#datagrid").datagrid("selectRow", i);
            }
          }
        }
      },

      // 判断字符串是否是数组里的元素
      Array.prototype.in_array = function (element) {
        for (var i = 0; i < this.length; i++) {
          if (this[i] == element) {
            return true;
          }
        }
        return false;
      }  

  • 相关阅读:
    java 技术社区!!
    有关 gridview的 (做东西 容易忘记 记下!)
    【C#复习之虚方法vs抽象类】08.4.3 上午
    高分求解答!!!
    【学习笔记】asp.net MVC!
    asp.net ajax 尝试 之很好很强大!08.4.4
    Linux流量监控工具 – iftop (最全面的iftop教程)
    linux下查看某目录占用的空间大小
    基于CentOS的Linux基本网络配置,包括网卡eth0、DNS、Host等
    ubuntu安装ssh服务
  • 原文地址:https://www.cnblogs.com/suxiaBlogs/p/7143584.html
Copyright © 2011-2022 走看看