删除复选框选中的品牌

后端:
1.为接口添加抽象方法
在这里插入图片描述
2.为抽象方法添加实现类
在这里插入图片描述
3.Controller层
在这里插入图片描述


前端:
在页面的checkBOX按钮上绑定我们的方法:
ng-click 点击后触发方法,将id的数据与 e v e n t 一 起 传 递 给 方 法 u p d a t e S e l e c t i o n ( 这 里 面 event一起传递给方法updateSelection(这里面 eventupdateSelection(event是专门用来判断或者说获取复选框中的状态的)

          //自定义一个数组用来装载删除的ID
          $scope.selectIds=[];//选中的ID数组
          //$event是封装着复选框的状态的angualr内置服务
          //定义选项框中的更新方法,判断复选框是选中还是删除,来操作数组中的数据是应该增加还是删除
          $scope.updateSelection=function($event,id){
              //如果复选框中的元素被选中了
              if($event.target.checked){//判断是否选中
                  //像数组中增加传进来的id,使用push方法,而且push方法是JS原生提供的
                  $scope.selectIds.push( id );

              }else{
                  //splice删除
                  //如果传进来的$event经过判断没有被选中,说明用户取消了勾选
                  //我们需要把id的数据从数组中移除
                  //移除数据需要首先获得其再数组汇总的索引,通过indexof,这也是js原生的
                  var idx= $scope.selectIds.indexOf(id);//ID在数组中的位置
                  //通过splice方法,删除的方法,将其移除,参数为(其位置,和移除的数量)
                  $scope.selectIds.splice( idx ,1);
              }

          }
 
          //删除
          $scope.dele=function(){
              //如果选项框数组中的数据为0触发了方法,提示选择,后回退
              if($scope.selectIds.length==0){
                  alert("请选择!");
                  return;
              }
              //get方法提交ids数组给后端
              $http.get("../brand/delete.do?ids="+$scope.selectIds).success(function (response) {
                  if(response.success){
                      //成功返回数据,调用刷新方法,进行分页查询
                      $scope.reloadList();//刷新列表就是分页查询
                      //并且置空选项框中的数据
                      $scope.selectIds=[];
                  }else{
                      //没成功提示错误信息
                      alert(response.message );
                  }
              })
          }


          
          //重新加载记录,分页查询
          $scope.reloadList=function(){
              $scope.findPage( $scope.paginationConf.currentPage,$scope.paginationConf.itemsPerPage );
          }


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值