记录项目内的使用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 *

  1. 主要是使用layui.define 来定义,参数可参考layui文档
  2. 定义一个obj方法(面向对象写法)
  3. 如果后续 想封装别的方法,都可以继续写下去
  4. 封装一个ajax请求,主要为了使用Promise优化
  5. 期间使用了一些layer方法
  6. 最后暴露出方法
layui.define(['jquery'], function(exports){
    
    var $ = layui
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值