后端:
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(这里面
event一起传递给方法updateSelection(这里面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 );
}