easyui 체크박스에 대한 일부 작동 요약

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를 전역 변수 배열

// 保存已选的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 중국어 웹사이트의 기타 관련 기사를 참조하세요!