商品管理系統_增刪改查過濾.
阿新 • • 發佈:2019-02-17
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;
}
}
})