layui實作點選按鈕新增一行的方法-Layui教程-PHP中文網

layui實作點選按鈕新增一行的方法

尚

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

轉載

3460 人瀏覽過

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中文網其他相關文章！