zoukankan      html  css  js  c++  java
  • AngularJS 实现 双击排序

    关键代码: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;
                            }
                        )
                    }
                }

    以上代码 便可实现 双击排序

  • 相关阅读:
    温故而知新汇总贴
    温故而知新—heap
    温故而知新--hashtable
    温故而知新-set
    温故而知新——map
    温故而知新----stack
    找工作的时候我们改准备些什么
    js瀑布流布局
    js小游戏---智力游戏
    原生js完成拼图小游戏
  • 原文地址:https://www.cnblogs.com/wohenxion/p/4478694.html
Copyright © 2011-2022 走看看