AngularJS的批量操作

╰半橙微兮° 2022-06-09 09:50 193阅读 0赞

今天做一个批量修改的需求,算是对JS的学习吧。

界面：

JS：

$scope.selected =[];
    
            var updateSelected=function (action,id) {
                if (action == 'add' && $scope.selected.indexOf(id) == -1){
                    $scope.selected.push(id);
                }
                if (action == 'remove' && $scope.selected.indexOf(id) != -1){
                    var idx=$scope.selected.indexOf(id);
                    $scope.selected.splice(idx,1);
                }
                //console.log($scope.selected)
            }
            $scope.updateSelection=function ($event,id) {
                var checkbox = $event.target;
                var action=(checkbox.checked ? 'add' :'remove');
                updateSelected(action,id);
            }
            $scope.isSelected=function (id) {
                return $scope.selected.indexOf(id) >= 0;
            }
            $scope.alldelete=function () {
                console.log('将选中的开始修改status：'+$scope.selected);
                var data={
                    arr:$scope.selected
                }
               productService.updateAllselect.save(data,function (response) {
                   if (coreService.okStatus(response)) {
                       logger.logSuccess("操作成功");
                       $scope.loadPage();
                   } else {
                       logger.logError("操作失败");
                   }
               }, function(err) {
                   logger.logError("系统错误");
               })
            }

contrl:

@RequestMapping(value = "/updateAllselect", method = RequestMethod.POST)
    	public @ResponseBody BaseModel<ProductDetailVO> updateAllselect(){
    		BaseModel<ProductDetailVO> res = new BaseModel<>();
    		JSONObject param = this.convertRequestBody();
    		JSONArray arrays=param.getJSONArray("arr");
    		List list=new ArrayList();
    		for (int i=0;i<arrays.size();i++){
    			list.add(arrays.get(i));
    		}
    		productService.updateAllselect(list);
    		return res;
    	}

流程：界面上将选中的数据id传到js中，存入到一个jsonArray中，然后在点击修改的时候触发函数将集合传递到controller层中，将JSONaArray转换成ArrayList,获取需要修改的ID，Service层不再介绍。

由于对于前端的知识不太足够，目前是初步的简单实现，但是感觉代码有些不太好，后面会继续优化。