>  기사  >  웹 프론트엔드  >  레이이는 버튼을 클릭하여 행을 추가하는 방식을 구현합니다.

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

尚
앞으로
2020-06-12 17:55:323402검색

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

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

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

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

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

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

을 주목해주세요.

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

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제