(DataTable_checkbox复选框)批量审核全流程(前台到服务器)

整理思路:1.首先画页面,将批量审核的模态框做出来,基本上包含审核状态,审核意见两部分,审核状态采用radio,审核意见采用textarea,最后在模态框内添加submit“确认”按钮,以及“取消”按钮。

2.页面完成之后,在js中画dataTable表格,添加checkbox,在checkbox上点击onclick事件,带出数据的id

3.拿到数据的id之后,对数据进行保存,在js中写save方法,通过jquery.ajax方法url链接到后台

4.后台写controller,service,dao,serviceImpl

5.最后写mapper,用

<foreach collection="xx" item="xx" separator="," index="index" open="(" close=")"></foreach>

进行批量插入数据或者更新数据

代码实现:

1.

<button class='btn green' type="button" οnclick="batchApplyModal()">批量审核</button>

2.

//checkbox复选框
		"aoColumns": [{ 
				   "data" : null,
			           "sTitle": '<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" id="checkAll"οnclick="siteChooseOrNoChoose(this)" /><span></span></label>',
			           "class": "text-center",
			           "render": function(nTd, sData, oData, iRow, iCol) {
			        	   return '<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkbox" value="' + oData.graduatedCheckId + '" /><span></span></label>'; 
			           }
		//复选框全选功能
		function siteChooseOrNOChoose(obj){
		if($(obj).is(":checked",true
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值