Rumah > hujung hadapan web > tutorial js > 有关easyui checkbox的一些操作总结

有关easyui checkbox的一些操作总结

巴扎黑
Lepaskan: 2018-05-12 13:44:45
asal
7144 orang telah melayarinya

1、easyui在每一行加checkbox

{ field: 'id', title: '编号', checkbox: true }
Salin selepas log masuk

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

  设置easyui的dField属性

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

3、获取已勾选的行:

 var rows = $('#datagrid').datagrid('getChecked');
Salin selepas log masuk

4、判断checkbox是否全选:

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

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;
  }  
Salin selepas log masuk


Atas ialah kandungan terperinci 有关easyui checkbox的一些操作总结. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan