layui模板引擎文档 - layui.laytpl官方文档

laytpl 是 JavScript 模板引擎，在字符解析上有着比较出色的表现，欠缺之处在于异常调试上

具体使用

html页面

<script type="text/html" id="operation">
//当满足id什么条件的时候展示删除操作{{#if(d.Id == 条件){}}<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>{{#}}}
</script>

初始化表格

 function init() {table.render({elem: '#table', url: “写自己的接口”, method: "POST", page: true, cellMinWidth: 100, cols: [[{field: 'remark', title: '备注', align: 'center'}, {width: 50,align: 'center',title: '操作',toolbar: '#operation',//绑定上面的htmlfixed: 'right'}]],parseData: function (res) {//返回表格中的数据，html拿到表格中返回的数据做判断return {"code": res.code == 200 ? 0 : res.code,"msg": res.code == 200 ? "" : res.msg,"count": res.page.totalCount, "data": res.page.list };}});

监听事件

 table.on('tool(manage_table)', function (obj) {if (obj.event === 'del') {layer.confirm('确认删除该行吗？', function (index) {var postData = [];postData.push(obj.data[deleteId])admin.req({url: “删除的接口”,type: 'POST',data: JSON.stringify(postData),contentType: 'application/json;charset=utf-8',done: function () {layer.msg('删除成功');//刷新表格table.reload('table');}});})} });

layui模板引擎文档 - layui.laytpl的具体使用相关推荐

LayUI模板引擎渲染数据
前端模板引擎介绍接上节Spring boot项目开发实战--(LayUI实现前后端数据交换与定义方法渲染数据) 模板引擎能简化开发,极大提高效率,小编之前使用过JSP和Thymeleaf,以及pyt ...
html 开发中遇到的问题，ajax异步传输，layui模板引擎并重新渲染
1.实际中自己遇到的,比较杂乱绑定点击事件绑定enter事件 html A页面跳转到B页面,并传参.取值 layui模板引擎,渲染样式 Ajax 异步传输数据,动态更新内容绑定点击事件 < ...
layer之弹层组件文档 layui.layer（v.1.9.0之后）
弹层组件文档 - layui.layer layer 至今仍作为 layui 的代表作,她的受众广泛并非偶然,而是这数年来的坚持.不弃的执念,将那些不屑的眼光转化为应得的尊重,不断完善和维护.不断建设 ...
html + layui 打开word文档
html + layui 打开word文档文件上传后返回url ,在url前添加'https://view.officeapps.live.com/op/view.aspx?src='即可,若上传p ...
怎样存储layui模板引擎后台返回的数据，在需要的时候获取
在项目中遇到一个情况,需要动态获取后台的返回数据,并在前台渲染出来,并且能够根据所点击的不同标签,随时获取对应数据.在网上看到两种方法,一种是写一个动态创建div模板的函数,并将返回值作为参数在其中展 ...
Easypoi使用模板导出文档或excel表格详解
Easypoi使用模板导出docx文档或excel表格详解 **doc或docx文档的模板导出** **Excel的模板导出** 话不多说先上依赖 <dependency><grou ...
layui模板引擎的使用
1,自定义数据 //发送请求$.ajax({type: "GET", dataType:'json',url: "http://merchant.shys-suda.co ...
基于T4模板的文档生成
看了好几个代码自动生成的工具,用起来很方便,但有些方面还是不够自由:这些日子里忙里偷闲摸索了一番,个人觉的基于T4模板的代码生成方案还是不错的. 下面就看看这个T4到底是什么东东-- T4 = Tex ...
推荐若干个求职简历模板Doc文档下载
供39个求职简历模板示例文件,全都是Doc word文档.方便修改后直接打印. 点击下载模板附:简历模板之办公室秘书本人概况姓名:XXX 性别:女民族:汉政治面目:团员学历(学位):大 ...
JAVA实现模板word文档导入,Java依据word模板生成word文档之后台解析和实现及部分代码（一）...
Java根据word模板生成word文档之后台解析和实现及部分代码(一) 后台主要工作是解析XML定义的标签文件,并获取到数据集,放入到Map中,然后调用Jacob.jar中提供的相关方法来实现替换. ...

layui模板引擎文档 - layui.laytpl的具体使用

layui模板引擎文档 - layui.laytpl的具体使用

layui模板引擎文档 - layui.laytpl官方文档

具体使用

html页面

初始化表格

监听事件

layui模板引擎文档 - layui.laytpl的具体使用相关推荐

最新文章

热门文章