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

前端  /  管理员 发布于 6年前   416

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知识请关注layui教程栏目

以上就是layui实现点击按钮添加一行的方法的详细内容，更多请关注其它相关文章！