layui table动态新增行

点击新增行按钮前：

点击新增行按钮后：

前端实现代码：

<button class="layui-btn layui-btn-sm" data-type="reload" onclick="addFunctionModule()" lay-event="addFunctionModule">新增行</button>

 

var attId = '', applicationNum = '', functionModule = '';

/**
  * 新增行
*/
addFunctionModule = function () {
     var newData = {
        id: attId
        , applicationNum: applicationNum
        , functionModule: functionModule
      }
      var dataList = getDataList("functionModule_table");//table的id
      var newDataList = dataList.concat(newData);
      table.reload("functionModule_table", {
      data: newDataList
      })
     }
/**  
 * 获取列表数据
 */
function getDataList(tableId) {
    if (table.cache[tableId]) {
    return table.cache[tableId];
    }
    return [];
 }