layui如何實現點擊按鈕添加一行

layui概念

是一款采用自身模塊規范編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內在，體積輕盈，組件豐盈，從核心代碼到 API 的每一處細節都經過精心雕琢，非常適合界面的快速開發。layui 首個版本發布于2016年秋，她區別于那些基于 MVVM 底層的 UI 框架，卻并非逆道而行，而是信奉返璞歸真之道。準確地說，她更多是為服務端程序員量身定做，你無需涉足各種前端工具的復雜配置，只需面對瀏覽器本身，讓一切你所需要的元素與交互，從這里信手拈來。

1、用ajax請求將數據取出存于變量，將變量賦值給table的data

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

2、將數據通過data方式傳值

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實現點擊按鈕添加一行的方法的詳細內容，更多請關注億速云其它相關文章！