首页 > Web开发 > 详细

在angularJs实现批量删除

时间:2018-05-23 01:00:49      阅读:259      评论:0      收藏:0      [点我收藏+]

原理:在js中定义一个数组,然后给每个复选框一个点击事件,点击事件的方法参数有两个,一个是事件源$event,一个是id。点击复选框根据事件源判断是否被选中,然后进而是向这个数组增加或者删除id。

 

 $scope.selectIds=[];//用户勾选的ID集合
            //用户勾选复选框
            $scope.updateSelection=function($event,id){
                if($event.target.checked){
                    $scope.selectIds.push(id);//push向集合添加元素
                }else{
                    var index= $scope.selectIds.indexOf(id);//查找值的 位置
                    $scope.selectIds.splice(index,1);//参数1:移除的位置 参数2:移除的个数
                }
            }
            //删除
            $scope.dele=function(){


                if(confirm(‘确定要删除吗?‘)){
                    $http.get(‘../brand/delete.do?ids=‘+$scope.selectIds).success(
                        function(response){
                            if(response.success){
                                $scope.reloadList();//刷新
                            }else{
                                alert(response.message);
                            }
                        }
                    );
                }

            }



html部分:
<td><input  type="checkbox"  ng-click="updateSelection($event, entity.id)"></td>
 

 

在angularJs实现批量删除

原文:https://www.cnblogs.com/coder-lzh/p/9074641.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!