基于layerweb弹层组件的批量删除ssm接口编程
来源:互联网 发布:宏汇软件 编辑:程序博客网 时间:2024/06/09 15:27
整体架构是ssm接口编程
<script type="text/javascript" src="layer/2.4/layer.js"></script>
<script type="text/javascript" src="datatables/jquery.dataTables.min.js"></script>
基于layer的分页参考源码效果更佳
$('.table-sort').dataTable({
"aaSorting": [[ 1, "desc" ]],//默认第几个排序
"bStateSave": true,//状态保存
"pading":false,
"aoColumnDefs": [
//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
{"orderable":false,"aTargets":[0,8]}// 不参与排序的列
]
});
<thead>
<tr class="text-c">
<th width="25"><input type="checkbox" id="Select" name="Select" value=""></th>
<th width="80">ID</th>
<th width="120" >标题</th>
<th width="80">分类</th>
<th width="120">操作</th>
</tr>
</thead>
<tbody>
<c:forEach var='ar' items='${artTemplate}'>
<tr class="text-c">
<td><input type="checkbox" value="${ar.id}" name="id"></td>
<td>${ar.id}</td>
<td>${ar.fl}</td>
<td>${ar.ly}</td>
<td class="td-status"><span class="label label-success radius">已发布</span></td>
<td class="f-14 td-manage">
//单个删除
<a style="text-decoration:none" class="ml-5" href="detetArtcle?id=<c:out value='${ar.id}' /> title="删除"><i class="Hui-iconfont"></i></a>
<a onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont"></i> 批量删除</a>
</td>
</tr>
</c:forEach>
</tbody>
//批量删除
function datadel(){
layer.confirm('确认要删除吗?',function(index){
// 获取所有选中的checked框
var option = $(":checked");
var checkedId = "";
var boo=true;
//拼接除全选框外,所有选中的id,
for (var i = 0, len = option.length; i < len; i++) {
if (boo) {
if (option[i].id=='allSelect') {
boo=true;
}else {
boo=false;
checkedId += option[i].value;
}
}else{
checkedId += ","+option[i].value;
}
}
$.ajax({
type: "post",
url:'doarticleDelete',
data : {
"checkedId":checkedId
},
dataType:"json",
success : function(map) {
parent.layer.msg(map.message,{icon: 6,time:1000});
window.location.href="listartcle";
},error:function(code){
parent.layer.msg('操作失败!',{icon: 5,time:1000});
}
});
});
}
后台操作
//单个删除
@RequestMapping("detetArtcle")
public String detetAdministrator_user(HttpSession session,Integer id){
System.out.println(id);
int s=artclelistservice.detetArtcle(id);
if(s!=0){
session.setAttribute("artTemplate",artclelistservice.articlelist());
return "article-list";
}
return "eoor";
}
//批量删除
@RequestMapping("doarticleDelete")
@ResponseBody
public Map<String, Object> doFalseDelete(String checkedId){
Map<String, Object> map=new HashMap<String, Object>();
String[] createDates = checkedId.split(",");
for(int i=0;i<createDates.length;i++){
String s= createDates[i];
int dete = Integer.parseInt(s);
int s1=artclelistservice.detetArtcle(dete);
}
map.put("message", "删除成功");
return map;
}
- 基于layerweb弹层组件的批量删除ssm接口编程
- SSM 框架的批量删除
- ssm框架的细枝末节之批量删除
- SSM做批量删除
- SSM SpringMVC 批量删除
- SSM之Service层基于注解的声明式事物
- [php] 基于ThinkPHP的批量删除
- 基于组件的游戏编程
- 【笔记】SSM批量删除、POI导出
- ssm批量删除和模糊查询
- 基于IdeaIDE的ssm整合框架的maven管理项目,利用映射自动生成dao层,pojo层,mappers层
- app接口之批量删除
- 基于ssm框架的个人博客(5)--Dao层设计及测试
- 基于DAO层的泛型接口设计
- 基于Delphi的接口编程入门
- 基于Delphi的接口编程入门
- 基于Delphi的接口编程入门
- 基于Delphi的接口编程入门
- kettle调用自定义java类
- 程序员为什么要写博客, 从知识留存率金字塔说起
- Java多线程编程-(2)-可重入锁以及Synchronized的其他基本特性
- 基于jquery的layui的layer弹层框架
- react配置scss的方法。
- 基于layerweb弹层组件的批量删除ssm接口编程
- 对Q-learning和sarsa的进一步理解
- maven springmvc配置文件报错
- Docker容器迁移 ---- 导入和导出容器
- ios-阿里P6面试题(转)
- 气天——测预
- 缩短MTTR:利用机器学习解决问题
- 2017最新版省市区三级联动下拉框+所有源代码以及数据库
- Android TensorFlow 智能语音识别