一、编写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 删除及多条删除的更多相关文章
	

    
								
  1. JSP与Servlet之后台页面单条删除与多条删除的页面跳转之实现
		
    单条删除页面跳转 1.首先打开JSP页面,找到删除 2.这个时候要把它改成servlet的URL,并决定要传给后台什么数据,例如我需要传一个待删数据的ID id并不是什么见不得人的东西(而且是后台也不 ...
    
		
    2. 
						
  2. angular.js   ng-repeat动态插入删除dom节点
		
    既然上面提到 angular.js 下无需用户直接操作dom ,而是在编译间断 dom 与 控制层model 实现了双向绑定,一方做出改变,另一方就会立即改变,那问题来了,我想插入一个文本框和按钮,并 ...
    
		
    3. 
						
  3. angular.js 动态插入删除dom节点
		
    angular.js 是新一代web开发框架,它轻松在web前端实现了MVC模式,相比 jquery 模式,这种新玩意竟然不需要开发者直接去操作dom . 作为前端开发而不去操作dom ,这简直是一个 ...
    
		
    4. 
						
  4. react.js  之 批量添加与删除功能
		
    最近做的CMS需要用到批量添加图片的功能:在添加文件的容器盒子内,有两个内容,分别是:添加按钮与被添加的选择文件组件. 结构分析: 被添加的组件,我们称为:UploadQiNiuFiles(七牛文件上 ...
    
		
    5. 
						
  5. 22.VUE学习之-replice删除当前评论条数
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    6. 
						
  6. Angular实现简单数据计算与删除
		
    AngularJS 1)什么是AngularJS AngularJS 简介 AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面. ...
    
		
    7. 
						
  7. js实现表格信息的删除和添加
		
    制作一个表格,显示班级的学生信息. 要求: 1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2,移开鼠标时则恢复为原背景色 #fff 2. 点击添加按钮,能动态在最后添加一行 3. 点击删除按钮 ...
    
		
    8. 
						
  8. Word中一条删除不掉的单或双横线的解决办法
		
    Word中一条删除不掉的单或双横线 有时你或许会遇到这样一种情况:在word中,有一条单或双横线怎么都删除不了,并且具有这样的特点: 在上面输入文字,横线会自动下调一行,如果文章过页,每页的尾部会有一 ...
    
		
    9. 
						
  9. js动态给table添加/删除tr的方法
		
    js动态给table添加/删除tr的方法. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. powershell提示无法将“”项识别
			
    解决: 完成! 解释: 权限问题.Powershell脚本的4种执行权限介绍,Windows默认不允许任何脚本运行,我们可以使用"Set-ExecutionPolicy"cmdle ...
    
			
    2. 
						
  2. linux之cat 操作
			
    1.查看或创建 cat 1.txt #如果目录有这个文件则会打开查看,没有则会创建 2.压缩空白 cat 1.txt 我是第一行 我是第二 行 cat -bs 1.txt # 变成 cat 1.txt ...
    
			
    3. 
						
  3. 2020i春秋新春战疫
			
    简单的招聘系统 登陆这里就可以注入 查询这里也可以注入 从登陆这里注入把 爆破数据库名 爆破表名 列名 flag 就很奇怪跑出来的东西 重开容器跑一遍列,估计是flaaag.后面可能是发生了502 再 ...
    
			
    4. 
						
  4. PHP代码审计理解(二)----齐博CMS7.0文件覆盖
			
    0x00 前言 因为我是跟着视频操作的,这回真的没理解为什么定位到了这个存在漏洞的文件... /do/fujsarticle.php 因为没有前文,所以这里无法分析这个$FileName为什么可以$_ ...
    
			
    5. 
						
  5. C语言指定初始化器解析及其应用
			
    指定初始化器的概念 C90 标准要求初始化程序中的元素以固定的顺序出现,与要初始化的数组或结构体中的元素顺序相同.但是在新标准 C99 中,增加了一个新的特性:指定初始化器.利用该特性可以初始化指定的 ...
    
			
    6. 
						
  6. python学习24之异常
			
    '''''''''1.低级错误:纯语法错误2.中级错误:代码存在隐性错误,逻辑缺陷3.高级错误:软件面对不确定性的异常错误''''''一.捕获异常1.基本异常捕获语句try: #异常捕捉语句的开始 代 ...
    
			
    7. 
						
  7. 鸟哥Linux私房菜（基础篇）——第五章：首次登入与在线求助 man page笔记
			
    1.X Winsows与文本模式的切换 ●[Ctrl] + [Alt] + [F1] ~ [F6] :文字接口登入 tty1 ~ tty6 终端机.        ●[Ctrl] + [Alt] +  ...
    
			
    8. 
						
  8. Libra教程之:执行Transactions
			
    文章目录 Transactions是什么 Transactions运行的基础条件 Transactions的结构 执行Transactions Transactions是什么 我们讲到了Libra是一 ...
    
			
    9. 
						
  9. Cacti nagios zabbix 的区别
			
    Cacti nagios zabbix 的区别 首先 Cacti 是一个用 rrdtool 来画图的网络监控系统, 通常一说到网络管理, 大家首先想到的经常是 mrtg, 但是 mrtg 画的图比较简 ...
    
			
    10. 
						
  10. 【Linux网络基础】网络子网划分基础知识（IP地址，子网）
			
    一. IP地址分类与子网划分基础 1. 什么是IP地址? 常见的ip地址版本为ipv4, ipv6 32位 4 * 8=32位. 32位二进制数字序列组成的数字序列   点分十进制 采用点将32位数字 ...
    
			
    11.