레이이는 버튼을 클릭하여 행을 추가하는 방식을 구현합니다.-레이이 튜토리얼-php.cn

레이이는 버튼을 클릭하여 행을 추가하는 방식을 구현합니다.

尚

풀어 주다： 2020-06-12 17:55:32

앞으로

3430명이 탐색했습니다.

레이이는 버튼을 클릭하여 행을 추가하는 방식을 구현합니다.

1. ajax 요청을 사용하여 데이터를 검색하고 변수에 저장한 후 테이블의 데이터에 변수를 할당합니다

  var organData = [];
  $.ajax({
        url: baseUrl+&#39;/org/getSysOrgList&#39;
        ,type:"POST"
        ,async:false
        ,dataType:"json"
        , success: function(result){
            organData=result;
        }
  });

로그인 후 복사

2. 데이터 메서드를 통해 데이터를 전달합니다

table.render({
        elem: &#39;#organ-manage-list&#39;
        ,data:organData
        ,method:&#39;POST&#39;
        ,cols: [[
         {field: &#39;orgCode&#39;, width: 100, title: &#39;组织编码&#39;, sort: true}
        ,{field: &#39;orgName&#39;, title: &#39;组织名称&#39;, width: 200}
        ,{field: &#39;pOrgCode&#39;, title: &#39;上级行政组织&#39;, width: 100}
        ,{field: &#39;orgModal&#39;, title: &#39;组织形态&#39;, width: 100}
        ,{field: &#39;isSelfOrg&#39;, title: &#39;是否核算组织&#39;, width: 100}
        ,{field: &#39;status&#39;, title: &#39;启/停用&#39;, width: 100}
        ,{field: &#39;updTime&#39;, title: &#39;更新时间&#39;, width: 200}
        ,{title: &#39;操作&#39;,align:&#39;center&#39;, fixed: &#39;right&#39;, toolbar: &#39;#table-organ-operator&#39;}
        ]]
        ,page: true
        ,limit: 10
        ,height: &#39;full-220&#39;
        ,done: function(res, curr, count){
              //如果是异步请求数据方式，res即为你接口返回的信息。
              //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                sessionStorage.setItem("countTemp",count);
              }
        ,text: &#39;对不起，加载出现异常！&#39;
  });

로그인 후 복사

layui에 대한 자세한 내용은 PHP 중국어 웹사이트layui 튜토리얼 섹션

을 주목해주세요.

위 내용은 레이이는 버튼을 클릭하여 행을 추가하는 방식을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!