> 웹 프론트엔드 > 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를 전역 변수 배열

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿