Maison > interface Web > js tutoriel > le corps du texte

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

巴扎黑
Libérer: 2018-05-12 13:44:45
original
7118 Les gens l'ont consulté

1. easyui ajoute une case à cocher dans chaque ligne

{ field: 'id', title: '编号', checkbox: true }
Copier après la connexion

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');
Copier après la connexion

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

var allFlg = $(".datagrid-header-check").find("input").is(":checked");
Copier après la connexion
<. 🎜>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;
  }  
Copier après la connexion


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal