具有可折叠选项的Autodividers listview

Question

我正在研究一个listview基于日期的自动分频器它是一个非常长的列表并且data-autodividers='true'工作正常但是我希望通过listview在日期进行折叠来进一步改进它.

这可以使用c#(我在asp.net webform移动网站上工作)从后端完成,我根据Month-Year对列表进行分组,并使每个组都可以折叠.

但我希望像我一样用jQuery来做autodivider.我在jsFiddle上设置了相同的内容.

http://jsfiddle.net/5PnBT/10/

如何在不使用代码隐藏文件(c#)的情况下使用jQuery使这些自动分割器可折叠？

我没有看到jquerymobile将此作为内置选项.

$(document).on("pageinit", "#page-wrapper", function () {
    $("#hp-latest-articles").listview({
        autodividers: true,
        autodividersSelector: function (li) {
            var out = li.attr('date');
            return out;
        }
    }).listview('refresh');
});

Answer 1

如果我理解你的问题，我想你只需要使用$.mobile.listview.prototype.options.autodividersSelector选项。我遇到了类似的问题，因此如果您需要根据单个元素上的日期属性列出它们，请执行以下操作：

 $( document ).on( "mobileinit", function() {
  $.mobile.listview.prototype.options.autodividersSelector = function( element )       {
    return (element.attr('date'))       

  };
});

我为此准备了一个 jsbin： http: //jsbin.com/enuwoj/1/edit