Layui批量删除

监听复选框 监听点击事件

• 两个按钮放在<script>中

<script type="text/html" id="toolbarDemo">
  <div class="layui-btn-container demoTable">
    <button class="layui-btn layui-btn-sm" lay-event="add" ><i class="layui-icon layui-icon-add-circle-fine" style="font-size:20px;font-weight:bold"></i> 新增班级</button>
    <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batchdel" data-type="getCheckData"><i class="layui-icon layui-icon-delete" style="font-size:20px;"></i> 批量删除</button>
  </div>
</script>

• 在生成表格的js中 使用了toolbar:"#toolbarDemo",使按钮加载到表格上
  
• JS实现批量删除(首先开启复选框监听，接着监听点击，active中获取选中数据，通过遍历数据，将班级id存储在delList数组中，通过var strify = JSON.stringify(delList);将数组转为JSON字符串)

//批量删除
	 active = {
			    getCheckData: function(){ //获取选中数据
			        var checkStatus = table.checkStatus('tableAll')
			        ,checkData = checkStatus.data,
			        delList=[];
		             
		             for (var i = 0; i < checkData.length; i++) {
						delList.push(checkData[i].classid);
					 }
		             var strify = JSON.stringify(delList);
			        console.log(strify);
			        $.ajax({
				    	url:"../../ClassesDeleteBatchServlet",
				    	dataType:'json',
				    	data:{
				    		datas:strify
				    	},
				    	type:'post',
				    	success:function(data){
				    		if (data == 0) {
				    			layer.msg('删除失败！',{icon:5,offset:"auto",time:2000});//提示框
							}else{
								layer.msg('删除成功！',{icon:6,offset:"auto",time:2000});//提示框
							}
				    		
				    		setTimeout(function(){
								location.reload();//重新加载页面表格
							}, 2100);
				    	}
			        })
			    }    
			 };
		//监听点击
 	  $('.demoTable .layui-btn').on('click', function(){
		     var type = $(this).data('type');
		     active[type] ? active[type].call(this) : '';
		 });
	  //监听表格复选框选择
  		table.on('checkbox(table1)', function(obj){
  			console.log(obj);
  		})