同一个按钮,实现排序
点击第一次实现升序,第二次降序,以此类推
这里是这样的情景,要排序列表里面的其中一个属性(时间),写了两个函数一个是实现升序,一个实现降序,接着点击的那个方法分别监测点击的次数来调用升序还是降序
1 sorting:function(){ 2 this.clickTime ++ 3 if(this.clickTime % 2 == 0){ 4 return this.descendingKey(this.listDetails, "missionTime"); 5 }else{ 6 return this.ascendingKey(this.listDetails, "missionTime"); 7 } 8 }, 9 descendingKey(array, key) { 10 // 降序 11 return array.sort(function(a, b) { 12 var x = a[key]; 13 var y = b[key]; 14 return x > y ? -1 : x < y ? 1 : 0; 15 }); 16 }, 17 ascendingKey(array, key) { 18 // 升序 19 return array.sort(function(a, b) { 20 var x = a[key]; 21 var y = b[key]; 22 return x < y ? -1 : x > y ? 1 : 0; 23 }); 24 },
转载于:https://www.cnblogs.com/chorkiu/p/11331544.html
同一个按钮,实现排序相关推荐
- 同一个按钮绑定多个事件_带你走进JavaScript世界系列——事件处理程序之 IE 事件处理...
IE 事件处理程序 IE 实现了与 DOM 中类似的两个方法:attachEvent() 和 detachEvent() .这两个方法接收相同的两个参数:事件处理程序名称和事件处理程序函数.通过 at ...
- 同一个按钮点击多次不同效果_教大家如何用狸窝视频转换器一次性截取多次片段并保存起来...
运行狸窝视频转换器软件,首先点击"添加视频",多次添加同一个视频文件,小编想截取同一个视频的三个片段,这里就添加了三次同一个视频.选中第一个视频,点击"视频编辑" ...
- 给同一个按钮添加单双击事件
1.单双击事件的添加. 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta cha ...
- jq点击事件多次响应_分享同一个按钮jQuery多次点击实现不同事件的代码
由于本站需要,本站需要在平板,手机,电脑上实现多终端实现浏览的响应式需求,所以本站需要来实现点击按钮来弹出下拉式页面导航和左边的导航,大家可以在不同终端上分别看下本站的按钮,虽然别人的主题早已经有这个 ...
- php点击同一个按钮实现正序倒叙,php foreach正序倒序输出
// 正序 foreach($files as $file_num => $file) { if(is_file($directory.$file)){ //$file = iconv(&quo ...
- Ext.Net 1.x_Ext.Net.Grid拖动行排序,【最上】【最下】【上移】【下移】按钮排序
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个. DEMO功能说明: 1.拖动GridPane ...
- Ext.net Grid拖动行排序,【最上】【最下】【上移】【下移】按钮排序
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个. DEMO功能说明: 1.拖动GridPane ...
- 微信小程序同一个登录按钮上触发获取微信用户信息和电话号码
微信小程序同一个登录按钮上触发获取微信用户信息和电话号码 因为微信小程序获取用户信息getuserinfo方法和获取电话号码open-type="getPhoneNumber" @ ...
- Python Qt GUI设计:QPushButton、QRadioButton和QCheckBox按钮类(基础篇—12)
目录 1.QPushButton按钮类 2.QRadioButton按钮类 3.QCheckBox按钮类 在GUI设计中,按钮都是最重要的和常用的触发动作请求的方式,用来与用户进行交互操作.在PyQt ...
- linux的sort如何对时间排序,Linux中用Sort和Tsort对文件进行排序
通过使用 sort 和 tsort,而不是采取使用 Perl 或 Awk 的较复杂的解决方案,可以节省时间,同时还能避免令人头疼的问题.Jacek Artymiak 将向您说明如何做到这一点. 尽管可 ...
最新文章
- 超全的设计模式简介(45种)
- Kubernetes上领先的开源Serverless解决方案有哪些
- [Android工具]安卓音乐下载软件,无损音乐FLAC音乐下载器
- Tensorflow pipeline是什么?
- 使用VNS 使用XWINDOWS 登录远程服务器方法
- uboot启动流程概述_Alibaba Cloud Linux 2 LTS OS 启动优化实践
- mysql定时木马_Mysql的语句生成后门木马的方法
- 怎么撤回操作_微信又更新,拍一拍能撤回了
- 企业微信H5_身份验证,PC网站企业微信扫码授权登录
- linux常见基础服务,常用的linux命令的基本使用(一)
- thinkphp开发的活动报名小程序源码带后台管理完整的报名小程序源码
- java中md5校验工具,java实现MD5文件校验
- cad计算机绘图入门,【菜鸟宝典】AutoCAD制图入门教学!
- cs与msf联动概述
- 港股交易系统搭建介绍 — 港股LV2行情
- 用python输入三角形边长_python实现输入三角形边长自动作图求面积案例
- HDU 6069 题解
- Salesforce: 关于Apexpages.Message类
- 第七篇:爬虫实战— 3、自动登录123并且自动发送邮箱;自动爬取京东商品信息...
- FT232RL-REEL 电路图