2013-02-05 86 views
1

我正在使用jQuery Mobile(又名JQM)黑客創建一個原型應用程序。我不是專家,但我一直在等待,直到遇到排序挑戰。在jQuery Mobile中切換列表視圖的排序順序

我想要選擇數據行,並且需要根據各種屬性對行進行排序。典型的屬性是名稱,日期,價值等。

我發現並安裝了Andy Matthews的jQuery Mobile Tiny Sort插件(在http://andymatthews.net/code/jqm-tinysort)。使用這個我已經能夠獲得列表視圖來排序屬性。

問題是,這隻允許升序排序。我需要能夠切換不同的屬性,但也可以在升序和降序之間切換。

上述插件是一個基於jQuery開發微小的排序插件(從http://tinysort.sjeiti.com),這是能夠做到的切換。

我所尋找的是正確的方法(如果有可能的話)通過從JQM插件後臺微小的排序插件通過遞增/遞減參數。

有沒有人有關於如何做到這一點的任何想法?或者我應該採用更好的方法?

由於提前,

皮特

回答

1

這是非常簡單的修改安迪·馬修的插件來支持雙向排序爲實際的排序是由微小的Jquery插件排序完成。

首先,通過增加一個新的「中將sortOrder」選項與「ASC」或「降序」的默認值修改腳本「jquery.jqmts.js」。 其次找到調用.tsort方法傳遞額外的排序參數

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

此選項現在可根據具體情況逐案您致電.jqmts插件的任何時間設置。