layui实现点击按钮添加一行的方法-Layui教程-PHP中文网

layui实现点击按钮添加一行的方法

尚

发布： 2020-06-12 17:55:32

转载

3334 人浏览过

layui实现点击按钮添加一行的方法

1、用ajax请求将数据取出存于变量，将变量赋值给table的data

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

登录后复制

2、将数据通过data方式传值

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教程栏目

以上是layui实现点击按钮添加一行的方法的详细内容。更多信息请关注PHP中文网其他相关文章！