1. 程式人生 > >商品管理系統_增刪改查過濾.

商品管理系統_增刪改查過濾.

angular.module("myapp",[]) .controller("demoC",function($scope){ //新增區域預設不顯示 $scope.showadd=false; $scope.title="state"; $scope.desc=false; //預設false升 true降 //陣列 $scope.goods=[]; for
(var i=1;i<5;i++){ var g={ "checked":false, //複選是否被選中 "id":i, "gname":"雲南白藥"+i, "address":"雲南", "state":"發貨", "regDate":new Date(), "price"
:100+i }; var g2={ "checked":true, "id":10+i, "gname":"雲南白藥"+i, "address":"雲南", "state":"已發貨", "regDate":new Date("2016-"
+i+"-1 3:01:02"), "price":100+i }; $scope.goods.push(g); $scope.goods.push(g2); } //全選操作 $scope.ckAll=function(){ var ck=$scope.isck;// 表頭中的複選框 for(var i=0;i<$scope.goods.length;i++){ $scope.goods[i].checked=ck; } } $scope.delAll=function(){ var b=false; //預設麼有選中的 for(var i=0;i<$scope.goods.length;i++){ if($scope.goods[i].checked==true){ b=true; break; } } console.log("是否有選擇",b); //執行刪除操作 if(b==true){ for(var i=0;i<$scope.goods.length;i++){ if($scope.goods[i].checked==true){ $scope.goods.splice(i,1); i--; //刪除後,下次依然從當前索引開始 } } }else{ alert("請選擇後操作"); } } //批量發貨 $scope.fhAll=function(){ var b=false; //預設麼有選中的 for(var i=0;i<$scope.goods.length;i++){ if($scope.goods[i].checked==true){ b=true; break; } } console.log("是否有選擇",b); //執行刪除操作 if(b==true){ for(var i=0;i<$scope.goods.length;i++){ if($scope.goods[i].checked==true){ $scope.goods[i].state="已發貨"; } } }else{ alert("請選擇後操作"); } } //單個刪除 $scope.del=function(g){ //當前刪除行的物件 for(var i=0;i<$scope.goods.length;i++){ if($scope.goods[i].id==g.id){ //查詢當前刪除的物件在陣列中的索引 $scope.goods.splice(i,1); // } } } $scope.savegood=function(){ $scope.tips=false; //控制錯誤資訊是否顯示 $scope.valArr=[]; //商品名 地址 價格 if($scope.gname==undefined||$scope.gname==""){ $scope.valArr.push("使用者名稱不能為空"); }else if(!($scope.gname.length>2 && $scope.gname.length<10)){ $scope.valArr.push("使用者名稱長度在2到10"); } if($scope.address==undefined || $scope.address==""){ $scope.valArr.push("地址不能為空"); } //數字 /^\d+$/ if(! /^\d+$/.test($scope.price)){ $scope.valArr.push("價格必須為有效數字"); } if($scope.valArr.length>0){ $scope.tips=true; }else{ var g2={ "checked":false, "id":100, "gname":$scope.gname, "address":$scope.address, "price":$scope.price, "state":"發貨", "regDate":new Date() }; //新增到陣列 $scope.goods.push(g2); $scope.showadd=false; } } $scope.orderby=function(){ //獲取輸入框內容 var t=$scope.ordertype; if(t=="1"){ $scope.title='price'; $scope.desc=false; }else if(t=="2"){ $scope.title='price'; $scope.desc=true; }else if(t=="3"){ $scope.title='regDate'; $scope.desc=false; }else if(t=="4"){ $scope.title='regDate'; $scope.desc=true; } } })