Home >Web Front-end >Layui Tutorial >Layui implements the method of adding a row by clicking a button

Layui implements the method of adding a row by clicking a button

尚forward: 2020-06-12 17:55:323424browse

1. Use ajax request to retrieve the data and store it in a variable, and assign the variable to the data of the table

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

2. Pass the data through the data method

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;
  });

For more layui knowledge, please pay attention to the PHP Chinese websitelayuitutorial column

The above is the detailed content of Layui implements the method of adding a row by clicking a button. For more information, please follow other related articles on the PHP Chinese website!

Statement：

This article is reproduced at:csdn.net. If there is any infringement, please contact admin@php.cn delete

Previous article：Detailed explanation of layui radio button not displaying properly and solutionNext article：Detailed explanation of layui radio button not displaying properly and solution

See more

Layui implements the method of adding a row by clicking a button

Related articles