Heim >Web-Frontend >js-Tutorial >Einige Betriebszusammenfassungen zum EasyUI-Kontrollkästchen
1. easyui fügt in jeder Zeile ein Kontrollkästchen hinzu
{ field: 'id', title: '编号', checkbox: true }
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');
4. Stellen Sie fest, ob das Kontrollkästchen alle aktiviert ist:
var allFlg = $(".datagrid-header-check").find("input").is(":checked");
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; }
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!