angular删除数据+模糊查询,排序
来源:互联网 发布:福建星云大数据公司 编辑:程序博客网 时间:2024/06/05 06:20
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="angular-1.3.0.js"></script>
<script>
var app=angular.module("myApp",[]);
app.controller("myCtrl",function ($scope) {
$scope.col="bh";
$scope.desc=0;
$scope.shuzu=[
{ done:false,
"bh":1,
"Name":"小米MAX",
"money":2000,
"kc":100
},
{ done:false,
"bh":2,
"Name":"vivox9",
"money":2500,
"kc":200
},
{ done:false,
"bh":3,
"Name":"iphone8",
"money":8000,
"kc":400
},
{ done:false,
"bh":4,
"Name":"iphonex",
"money":9000,
"kc":300
},
{
done:false,
"bh":5,
"Name":"华为",
"money":3000,
"kc":150
}
if($index>=0){
$scope.shuzu.splice($index,1);
}
$scope.delete1=function () {
for(var i=0;i<$scope.shuzu.length;i++)
{
if($scope.shuzu[i].done==true)
{
$scope.shuzu.splice(i,1);
i--;
}
}
}
//点击全选
$scope.checkAll=function () {
for(var i=0;i<$scope.shuzu.length;i++)
{
if($scope.chec==true)
{
$scope.shuzu[i].done=true;
}
else{
$scope.shuzu[i].done=false;
}
}
$scope.num=0;
for(var i=0;i<$scope.data.length;i++)
{
if($scope.shuzu[i].done==true)
{
$scope.num+=$scope.shuzu[i].price*$scope.shuzu[i].count;
}
}
}
});
</script>
<script>
function myfuntion() {
alert("您确认删除吗?")
}
</script>
<title>Title</title>
</head>
<body ng-app="myApp">
<h2>商品库存信息管理</h2>
<table ng-controller="myCtrl" border="1" cellspacing="0" cellpadding="0" width="600px">
<tr>
<td colspan="5"><input type="text" value="" placeholder="请输入关键字" ng-model="search"></td>
<td><button style="background-color: red;color: white" ng-click="delete1($index)" onclck="myfuntion()">批量删除</button></td>
</tr>
<tr>
<td><input type="checkbox" ng-click="checkAll()" ng-model="chec"></span></td>
<td ng-click="col='bh';desc!=desc">商品编号</td>
<td ng-click="col='Name';desc!=desc"><a>商品名称</a></td>
<td ng-click="col='money';desc!=desc">商品价格</td>
<td ng-click="col='kc';desc!=desc">商品库存</td>
<td ng-click="col='Handle';desc!=desc">商品操作</td>
</tr>
<tr ng-repeat="x in shuzu|filter:{'Name':search}|orderBy:col:desc">
<td><input type="checkbox" ng-model="x.done" ng-click="counts()"></td>
<td>{{x.bh}}</td>
<td>{{x.Name}}</td>
<td>{{x.money|currency:'¥'}}</td>
<td>{{x.kc}}</td>
<td><button style="background-color: sandybrown;color: white" ng-click="delete($index)" onclick="myfuntion()">删除</button></td>
</tr>
</table>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="angular-1.3.0.js"></script>
<script>
var app=angular.module("myApp",[]);
app.controller("myCtrl",function ($scope) {
$scope.col="bh";
$scope.desc=0;
$scope.shuzu=[
{ done:false,
"bh":1,
"Name":"小米MAX",
"money":2000,
"kc":100
},
{ done:false,
"bh":2,
"Name":"vivox9",
"money":2500,
"kc":200
},
{ done:false,
"bh":3,
"Name":"iphone8",
"money":8000,
"kc":400
},
{ done:false,
"bh":4,
"Name":"iphonex",
"money":9000,
"kc":300
},
{
done:false,
"bh":5,
"Name":"华为",
"money":3000,
"kc":150
}
]
//删除单个的
if($index>=0){
$scope.shuzu.splice($index,1);
}
};
//全部删除
$scope.delete1=function ($index) {
if($scope.shuzu.length>=0){
$scope.shuzu.splice($index);
}
};
$scope.delete1=function () {
for(var i=0;i<$scope.shuzu.length;i++)
{
if($scope.shuzu[i].done==true)
{
$scope.shuzu.splice(i,1);
i--;
}
}
}
//点击全选
$scope.checkAll=function () {
for(var i=0;i<$scope.shuzu.length;i++)
{
if($scope.chec==true)
{
$scope.shuzu[i].done=true;
}
else{
$scope.shuzu[i].done=false;
}
}
$scope.num=0;
for(var i=0;i<$scope.data.length;i++)
{
if($scope.shuzu[i].done==true)
{
$scope.num+=$scope.shuzu[i].price*$scope.shuzu[i].count;
}
}
}
});
</script>
<script>
function myfuntion() {
alert("您确认删除吗?")
}
</script>
<title>Title</title>
</head>
<body ng-app="myApp">
<h2>商品库存信息管理</h2>
<table ng-controller="myCtrl" border="1" cellspacing="0" cellpadding="0" width="600px">
<tr>
<td colspan="5"><input type="text" value="" placeholder="请输入关键字" ng-model="search"></td>
<td><button style="background-color: red;color: white" ng-click="delete1($index)" onclck="myfuntion()">批量删除</button></td>
</tr>
<tr>
<td><input type="checkbox" ng-click="checkAll()" ng-model="chec"></span></td>
<td ng-click="col='bh';desc!=desc">商品编号</td>
<td ng-click="col='Name';desc!=desc"><a>商品名称</a></td>
<td ng-click="col='money';desc!=desc">商品价格</td>
<td ng-click="col='kc';desc!=desc">商品库存</td>
<td ng-click="col='Handle';desc!=desc">商品操作</td>
</tr>
<tr ng-repeat="x in shuzu|filter:{'Name':search}|orderBy:col:desc">
<td><input type="checkbox" ng-model="x.done" ng-click="counts()"></td>
<td>{{x.bh}}</td>
<td>{{x.Name}}</td>
<td>{{x.money|currency:'¥'}}</td>
<td>{{x.kc}}</td>
<td><button style="background-color: sandybrown;color: white" ng-click="delete($index)" onclick="myfuntion()">删除</button></td>
</tr>
</table>
</body>
</html>
阅读全文
0 0
- angular删除数据+模糊查询,排序
- Angular内置过滤器+orderBy排序+模糊查询
- angular+自定义模糊查询+排序+三角
- Angular模糊查询和排序已经添加
- Angular,添加,删除,查询,排序
- angular+豪华版购物车+模糊查询+可以多选删除
- Angular模糊查询
- angular(查询、删除、添加、排序)案例
- angular实现添加,删除,查询,排序
- angular js查询 排序 添加 删除
- 购物车,,模糊查询+排序+删除
- 购车模糊查询+排序+删除+修改
- 商品订单:数据的判断、添加,批量删除,排序,模糊查询
- angular下拉框模糊查询
- angular自定义过滤器模糊查询
- html angular+route:模糊查询+限定年龄范围+全部删除+批量删除+修改密码+添加用户
- 数据的查询、模糊查询、新建、修改、删除
- Redis模糊查询、模糊删除
- Python IDE——Pycharm 安装
- Android MediaRecorder录制视频
- TCP/IP 三次握手四次挥手
- c++随笔——17.10.18
- 微信公众平台java开发详解(工程代码+解析)
- angular删除数据+模糊查询,排序
- php 日期时间操作
- Animation动画(一) ---- Tween 场景动画
- cJSON学习笔记(二)
- semantic segmentation paper
- 【分布式文件系统】各类分布式文件系统简介
- pygame游戏之旅1:安装python和pygame
- Node.js开发——Express+Mongoose
- svn: E155036 Working copy ... is too old Please see the 'svn upgrade' command