在 jQuery Mobile 中切换列表视图的排序顺序

Question

我正在使用 jQuery Mobile（又名 JQM）开发一个原型应用程序。我不是专家，但在遇到排序挑战之前我能勉强过活。

我想要选择数据行，并且需要根据各种属性对这些行进行排序。典型的属性是名称、日期、值等。

我找到并安装了 Andy Matthews 的 jQuery Mobile Tiny Sort 插件（http://andymatthews.net/code/jqm-tinysort）。使用这个我已经能够让列表视图对属性进行排序。

问题是这只允许升序排序。我需要能够在不同属性之间切换，还需要在升序和降序之间切换。

上面的插件是基于 jQuery Tiny Sort 插件（来自http://tinysort.sjeiti.com），它可以做切换。

我正在寻找的是将 asc/desc 参数从 JQM 插件传递到后端 Tiny Sort 插件的正确方法（如果可能的话）。

有没有人知道如何做到这一点？还是我应该采用更好的方法？

提前致谢，

皮特

Answer 1

修改 Andy Matthew 的插件以支持双向排序非常简单，因为实际排序是由 Jquery tiny sort 插件完成的。

首先，通过添加默认值为“asc”或“desc”的新“sortOrder”选项来修改脚本“jquery.jqmts.js”。 其次定位调用 .tsort 方法传递额外的排序参数

$('li:not(.' + options.className + ')', $el).tsort({ data: 'sort-' + e.currentTarget.value, order:options.sortOrder });

现在可以在您调用 .jqmts 插件的任何时候根据具体情况设置此选项。