ホームページ > ウェブフロントエンド > jsチュートリアル > easyui チェックボックスに関する操作の概要

easyui チェックボックスに関する操作の概要

巴扎黑
リリース: 2018-05-12 13:44:45
オリジナル
7144 人が閲覧しました

1. easyui は各行にチェックボックスを追加します

{ field: 'id', title: '编号', checkbox: true }
ログイン後にコピー

2. easyui のページング時に、以前に選択したチェックボックスを覚えておいてください

easyui の dField 属性を設定します

dField: データフィールド、通常は主キーまたは唯一の決定されたフィールドです

3. チェックされた行を取得します:

 var rows = $('#datagrid').datagrid('getChecked');
ログイン後にコピー

4. チェックボックスがすべて選択されているかどうかを確認します:

var allFlg = $(".datagrid-header-check").find("input").is(":checked");
ログイン後にコピー

5. チェックボックスがポップアップレイヤーにある場合は、ポップアップレイヤーが再度ポップアップするときに、選択したチェックボックスを記憶します。 、選択したチェックボックスをリセットします

まず、選択したチェックボックス行のidFieldをグローバル変数arrayに格納します

// 保存已选的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;
  }  
ログイン後にコピー


以上がeasyui チェックボックスに関する操作の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート