大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
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实现点击按钮添加一行的方法的详细内容,更多请关注创新互联其它相关文章!