-1

タイトル、画像、日付のリストビューがあります。そのリストを日付フィールドに基づいてソートし、html5 ページに表示したいと考えています。これにはjqueryとhtml5を使用しました。

$j('#task_summary_list').empty();

if (response.totalSize > 0) {
    $j.each(response.records, function(i, record) {
        var imgName;
        switch (record.Priority) {
            case "High":
                imgName = "images/prio_high24.png";
                break;
            case "Low":
                imgName = "images/prio_low24.png";
                break;
            default:
                imgName = "images/prio_normal24.png";
        }

        // create new list entry for record to the listview
        $j('<li></li>')
        .attr('id', record.Id)
        .hide()
        .append(
                '<a href="#">' + '<img src="' + imgName
                + '" alt="High" class="ui-li-icon">'
                + '<h1>'
                + record.Subject + '</h1>'
                + '<p>' + '<strong>'
                + record.ActivityDate + '</strong>' + '</p>'
                + '</a>')
        .click(function(e) {
            e.preventDefault();

            console.log("Under onSuccessTasks " + record.Id);
            showTaskDetails(record);
        })
        .appendTo('#task_summary_list')
        .show();
    });
}
else {
    $j('<li class="norecord">No records to display</li>').appendTo('#task_summary_list');
}

$j('#task_summary_list').listview('refresh');

$j.mobile.hidePageLoadingMsg();

どんな助けでも大歓迎です。事前に感謝します。

4

2 に答える 2

0

私のアプリでは sql クエリを使用しているため、メイン クエリの後に OrderBy 句を使用します。データは並べ替えられた形式であり、UI に簡単に表示されます。

ありがとう

于 2012-11-23T07:39:35.590 に答える
0 
$('#dateDiv').sortElements(function(a, b){
    return Date.parse($(a).text()) > Date.parse($(b).text()) ? 1 : -1;
});
于 2012-11-23T07:22:10.260 に答える