AngularJS轻松实现双击排序的功能
程序员文章站
2022-06-29 16:10:31
话不多说,直接看示例代码
html代码
话不多说,直接看示例代码
html代码
<th class="col-md-3"><a href="" ng-click="desc('2',la=!la)">单价</a></th> <th class="col-md-3"><a href="" ng-click="desc('3',la=!la)">销售金额</a></th> <th class="col-md-1"><a href="" ng-click="desc('4',la=!la)">销售数量</a></th>
其中 la=!la
是用来判断当前点击是true
还是false
js代码
//开始默认为totalnum字段 按照降序排列 $scope.foodsale =ret.sort(function ( x,y ) { return y.totalnum - x.totalnum;//这样表示 按照ret【表示接收返回数组】里面的totalnum字段 按照降序排列 反之 return x.totalnum - y.totalnum; 为升序 }) $scope.desc= function (fla,bol) { if(fla=="4"){ if(bol==false){ $scope.foodsale =$scope.foodsale.sort(function ( x,y ) { return y.totalnum - x.totalnum; }) }else{ console.log("bbb") $scope.foodsale =$scope.foodsale.sort(function ( x,y ) { return x.totalnum - y.totalnum; }) } }else if(fla=="3"){//totalmoney if(bol==false){ $scope.foodsale =$scope.foodsale.sort(function ( x,y ) { return y.totalmoney - x.totalmoney; }) }else{ $scope.foodsale =$scope.foodsale.sort(function ( x,y ) { return x.totalmoney - y.totalmoney; } ) } }else if(fla=="2"){//price if(bol==false){ $scope.foodsale =$scope.foodsale.sort(function ( x,y ) { return y.price - x.price; }) }else{ $scope.foodsale =$scope.foodsale.sort(function ( x,y ) { return x.price - y.price; } ) } }
总结
好了,以上就是angularjs实现双击排序功能的全部内容,通过以上示例代码便可实现双击排序,希望对大家学习angularjs能有所帮助。
上一篇: 神仙忘情水搞笑笑话
下一篇: 今晚小子说笑说笑的礼物
推荐阅读
-
Android实现双击TitleBar回顶部的功能示例代码
-
ROW_NUMBER SQL Server 2005的LIMIT功能实现(ROW_NUMBER()排序函数)
-
Android实现双击TitleBar回顶部的功能示例代码
-
Android 实现文件夹排序功能的实例代码
-
Android实现ListView的A-Z字母排序和过滤搜索功能 实现汉字转成拼音
-
ROW_NUMBER SQL Server 2005的LIMIT功能实现(ROW_NUMBER()排序函数)
-
C# ListView 点击表头对数据进行排序功能的实现代码
-
JS实现的点击表头排序功能示例
-
table中点击表头实现排序的功能示例介绍
-
AngularJS轻松实现双击排序的功能