记录layui的方法
根据表格的checkbox勾选,收集并发送给后台
1:newList //是页面表格的ID
2:newListTable //是js 部分table的ID
3:table.checkStatus // layui定义的方法 获取选中的信息数组
在这里插入代码片
//js
var checkStatus =[] , data = []
table.on('checkbox(newList)', function(obj){
checkStatus = table.checkStatus('newListTable');
data = checkStatus.data;
console.log(checkStatus);
});
//html
<table id="newList" lay-filter="newList"></table>
这是项目中使用打印的勾选信息截图。勾选则筛选出选中的数组
- 发送请求后 清除checkbox的选中状态*
$('input[name=layTableCheckbox]').prop('checked', false);
form.render('checkbox');
~~-------------------------------------------------------------------------------------~
在layui模块中新增一个ajax的封装
因为项目中使用的都是模块化 ,所以方法都以模块化为主
*在公共文件夹引入laiui.js后,新增一个request.js *
- 主要是使用layui.define 来定义,参数可参考layui文档
- 定义一个obj方法(面向对象写法)
- 如果后续 想封装别的方法,都可以继续写下去
- 封装一个ajax请求,主要为了使用Promise优化
- 期间使用了一些layer方法
- 最后暴露出方法
layui.define(['jquery'], function(exports){
var $ = layui