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实现点击按钮添加一行的方法的详细内容，更多请关注亿速云其它相关文章！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
