Maison  >  Article  >  interface Web  >  Quelques résumés opérationnels sur la case à cocher easyui

Quelques résumés opérationnels sur la case à cocher easyui

巴扎黑
巴扎黑original
2018-05-12 13:44:457054parcourir

1. easyui ajoute une case à cocher dans chaque ligne

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

2. N'oubliez pas la case à cocher précédemment sélectionnée lors de la pagination easyui

Définissez l'attribut dField d'easyui

 dField : Champ de données, généralement une clé primaire ou un champ unique

3. Obtenez les lignes cochées :

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

4. Déterminez si la case est toutes cochée :

var allFlg = $(".datagrid-header-check").find("input").is(":checked");
<.>5. Si la case à cocher est dans le calque contextuel, souvenez-vous de la case à cocher sélectionnée. Lorsque le calque contextuel apparaît à nouveau, réinitialisez la case sélectionnée

Enregistrez d'abord le champ idField de la ligne sélectionnée. case à cocher dans un tableau de variables globales

// 保存已选的checkbox
  var checkboxs = new Array();
  function selectCheckBox() {
    var rows = $(&#39;#datagrid&#39;).datagrid(&#39;getChecked&#39;);//获取已勾选的行
    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;
  }  


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn