AngularJS轻松实现双击排序的功能
2016-08-30 17:21
549 查看
话不多说,直接看示例代码
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能有所帮助。
您可能感兴趣的文章:
- AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
- Angularjs添加排序查询功能的实例代码
- mongoDB 多重数组查询(AngularJS绑定显示 nodejs)
- Angularjs分页查询的实现
- AngularJS 过滤与排序详解及实例代码
- AngularJS ng-table插件设置排序
- angular-ui-sortable实现可拖拽排序列表
- 妙用Angularjs实现表格按指定列排序
- Angular排序实例详解
- angular过滤器实现排序功能
- Angularjs使用过滤器完成排序功能
- Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
相关文章推荐
- AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
- AngularJS实现购物车功能,表格的删除,查询,排序功能
- angularjs 实现排序功能
- Angularjs轻松实现表格按指定列排序
- Angularjs轻松实现表格按指定列排序
- AngularJs实现表格点击不同字段排序的功能
- Angularjs轻松实现表格按指定列排序
- Angularjs轻松实现表格按指定列排序
- AngularJS实现增删改查数据/排序功能
- 在C#中实现对ListView点击列标题自动排序功能
- [转载]实现ListView的列标头点击排序功能
- 以较少代码实现DataGrid的排序,翻页,删除等功能【2】
- 轻松实现 Linux系统下互联网过滤功能(转)
- 动态创建DataGrid 列排序功能的实现
- c#中listview控件实现排序功能
- DataGrid分页显示与DataGride实现排序功能
- GridView排序功能的实现
- 列表控件排序功能的实现
- 轻松实现Linux下的互联网过滤功能
- 实现Repeater控件点击表头排序功能