angular js 删除及多条删除
一、编写service
//删除
public int delete(Long id);
//多条删除
public int deletes(List<Long> id);
二、编写serviceImpl
@Override
public int delete(Long id) {
return brandDao.deleteByPrimaryKey(id);
} @Override
public int deletes(List<Long> id) {
if(id!=null){
for (Long ids:id){
brandDao.deleteByPrimaryKey(ids);
}
}
return 0;
}
三、编写controller
//删除
@RequestMapping("/deletes")
public Result deletes(@RequestBody List<Long> id){
int ids = brandService.deletes(id);
if(ids>0){
return new Result(true,"删除成功");
}else {
return new Result(true,"删除失败");
}
}
四、编写页面
1、编写angular js
//定义一个集合储存选中的ID
$scope.selectID=[];
//给复选框一个点击事件，如果勾选，则把勾选的ID存入$scope.selectID=[]集合中
//如果取消勾选，则把存入$scope.selectID=[]集合的ID从集合中移除
$scope.saveID=function ($event,id) {
//如果勾选，则把勾选的ID存入$scope.selectID=[]集合中
if ($event.target.checked){
//往集合中添加数据，用push
$scope.selectID.push(id);
}else {
//获取ID在集合中下标
var index=$scope.selectID.indexOf(id);
//移除对应下标的数据,splice表示将集合中对应下标的数据移除一次
$scope.selectID.splice(index,1);
}
//页面控制台打印选中的数据
console.log($scope.selectID);
}
$scope.deletes=function () {
$http.post('../brand/deletes.do',$scope.selectID).success(function (response) {
if(response.success){
return $scope.reloadList();
}else {
alert(response.message);
}
});
}
二、body标签加入angularjs：
<body class="hold-transition skin-red sidebar-mini" ng-app="pingyougou" ng-controller="brandController">
三、页面复选框标签加angular
<td><input ng-click="saveID($event,entity.id)" type="checkbox" ></td>
四、删除按钮调用angular js删除方法
<button type="button" class="btn btn-default" title="删除" ng-click="deletes()"><i class="fa fa-trash-o"></i> 删除</button>
angular js 删除及多条删除的更多相关文章
- JSP与Servlet之后台页面单条删除与多条删除的页面跳转之实现
单条删除页面跳转 1.首先打开JSP页面,找到删除 2.这个时候要把它改成servlet的URL,并决定要传给后台什么数据,例如我需要传一个待删数据的ID id并不是什么见不得人的东西(而且是后台也不 ...
- angular.js ng-repeat动态插入删除dom节点
既然上面提到 angular.js 下无需用户直接操作dom ,而是在编译间断 dom 与 控制层model 实现了双向绑定,一方做出改变,另一方就会立即改变,那问题来了,我想插入一个文本框和按钮,并 ...
- angular.js 动态插入删除dom节点
angular.js 是新一代web开发框架,它轻松在web前端实现了MVC模式,相比 jquery 模式,这种新玩意竟然不需要开发者直接去操作dom . 作为前端开发而不去操作dom ,这简直是一个 ...
- react.js 之 批量添加与删除功能
最近做的CMS需要用到批量添加图片的功能:在添加文件的容器盒子内,有两个内容,分别是:添加按钮与被添加的选择文件组件. 结构分析: 被添加的组件,我们称为:UploadQiNiuFiles(七牛文件上 ...
- 22.VUE学习之-replice删除当前评论条数
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Angular实现简单数据计算与删除
AngularJS 1)什么是AngularJS AngularJS 简介 AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面. ...
- js实现表格信息的删除和添加
制作一个表格,显示班级的学生信息. 要求: 1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2,移开鼠标时则恢复为原背景色 #fff 2. 点击添加按钮,能动态在最后添加一行 3. 点击删除按钮 ...
- Word中一条删除不掉的单或双横线的解决办法
Word中一条删除不掉的单或双横线 有时你或许会遇到这样一种情况:在word中,有一条单或双横线怎么都删除不了,并且具有这样的特点: 在上面输入文字,横线会自动下调一行,如果文章过页,每页的尾部会有一 ...
- js动态给table添加/删除tr的方法
js动态给table添加/删除tr的方法. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> ...
随机推荐
- 高级数据结构---赫(哈)夫曼树及java代码实现
我们经常会用到文件压缩,压缩之后文件会变小,便于传输,使用的时候又将其解压出来.为什么压缩之后会变小,而且压缩和解压也不会出错.赫夫曼编码和赫夫曼树了解一下. 赫夫曼树: 它是一种的叶子结点带有权重的 ...
- TP5 JSON对象数组转换为普通数组
来源于:https://blog.csdn.net/lingchen__/article/details/67671047 使用TP5框架做项目时,对于数据的查询返回的都是对象,虽然也可以当做普通的数 ...
- 作业十一——LL(1)文法的判断，递归下降分析程序
作业十一——LL(1)文法的判断,递归下降分析程序 判断是否为LL(1)文法 选取有多个产生式的求select,只有一条产生式的无需求select 同一个非终结符之间求交集,全部判断为空后则为LL(1 ...
- Python 替换文本中的某些词语
https://stackoverflow.com/questions/39086/search-and-replace-a-line-in-a-file-in-python from tempfil ...
- 日志分析工具ELK(五)
八．Kibana实践 选择绝对时间和相对时间 搜索 还可以添加相关信息 自动刷新页面时间,也可以关闭 创建图像,可视化 编辑Markdown,创建一个值班联系表 值班联系表 保存 再创建一个饼图;查看 ...
- jax-rs下载文件
@Path("/file") public class FileService { private static final String FILE_PATH = "c: ...
- 6.Python中内存是如何管理的？
Python中内存是如何管理的? Python memory is managed by Python private heap space. All Python objects and data ...
- 对话Roadstar投资人：一家自动驾驶公司之死（三）
...
11. Roadstar 如何收场? 雷锋网:你觉得 Roadstar 造成今天这样的局面,是什么导致的? 投资人代表 1:刚才我们也数次表达了,在每个人身上,可能每个人的诉求,不能达到同步,与公司的 ...
- certutil 导入 CA 证书
2019独角兽企业重金招聘Python工程师标准>>> 在linux下使用GoAgent客户端的时候,需要导入CA.cer证书. 安装证书管理工具 apt-get install l ...
- ACM学习心得
今天打比赛,调整好了心态,不管rank榜,所以做的比上次好,今天A了四个题,都很水,memset的清零时间,需要好长,因为memset 跟cin超时了,它的数据量1e6,所以超时了还是多用scanf, ...