Heim > Web-Frontend > js-Tutorial > Hauptteil

Einige Betriebszusammenfassungen zum EasyUI-Kontrollkästchen

巴扎黑
Freigeben: 2018-05-12 13:44:45
Original
7070 Leute haben es durchsucht

1. easyui fügt in jeder Zeile ein Kontrollkästchen hinzu

{ field: 'id', title: '编号', checkbox: true }
Nach dem Login kopieren

2. Merken Sie sich das zuvor ausgewählte Kontrollkästchen beim Easyui-Paging

Legen Sie das dField-Attribut von easyui fest

 dField: Datenfeld, normalerweise ein Primärschlüssel oder ein eindeutiges Feld

3. Holen Sie sich die überprüften Zeilen:

 var rows = $('#datagrid').datagrid('getChecked');
Nach dem Login kopieren

4. Stellen Sie fest, ob das Kontrollkästchen alle aktiviert ist:

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

5. Wenn sich das Kontrollkästchen in der Popup-Ebene befindet, merken Sie sich das ausgewählte Kontrollkästchen. Wenn die Popup-Ebene erneut angezeigt wird, setzen Sie das ausgewählte Kontrollkästchen zurück

Speichern Sie zuerst das idField der ausgewählten Kontrollkästchenzeile ein globales Variablen-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;
  }  
Nach dem Login kopieren


Das obige ist der detaillierte Inhalt vonEinige Betriebszusammenfassungen zum EasyUI-Kontrollkästchen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!