1.新增商品
实现商品分类,如下图:
当前显示的是哪一分类的列表,我们就将这个商品分类新增到这个分类下。
实现思路:我们需要一个变量去记住上级 ID,在保存的时候再根据这个 ID 来新增分类
修改 itemCatController.js, 定义变量
$scope.parentId=0;//上级 ID
查询时记录上级 ID
//根据上级 ID 显示下级列表 $scope.findByParentId=function(parentId){ $scope.parentId=parentId;//记住上级 ID itemCatService.findByParentId(parentId).success( function(response){ $scope.list=response; } ); }
保存的时候,用到此变量
//保存 $scope.save=function(){ var serviceObject;//服务层对象 if($scope.entity.id!=null){//如果有 ID serviceObject=itemCatService.update( $scope.entity ); //修改 }else{ $scope.entity.parentId=$scope.parentId;//赋予上级 ID serviceObject=itemCatService.add( $scope.entity );//增} serviceObject.success( function(response){ if(response.success){ //重新查询 $scope.findByParentId($scope.parentId);//重新加载 }else{ alert(response.message); } } ); }
修改页面 item_cat.html
<div class="modal-body"> <table class="table table-bordered table-striped" width="800px"> <tr> <td>上级商品分类</td> <td> {{entity_}} >> {{entity_}} </td> </tr> <tr> <td>商品分类名称</td> <td><input class="form-control" ng-model="" placeholder="商品分类名称"> </td> </tr> <tr> <td>类型模板</td> <td> <input ng-model="entity.typeId" placeholder="商品类型模板" class="form-control" type="text"/> </td> </tr> </table> </div> <div class="modal-footer"> <button class="btn btn-success" data-dismiss="modal" aria-hidden="true" ng-click="save()">保存</button> <button class="btn btn-default" data-dismiss="modal" aria-hidden="true"关闭</button> </div>
2.修改商品
修改 item_cat.html 的修改按钮
<button type="button" class="btn bg-olive btn-xs" data-toggle="modal" data-target="#editModal" ng-click="findOne(entity.id)">修改</button>
3.删除商品分类
代码略
4.类型模板下拉列表
代码略