Autodividers列表
我正在创建一些项目,包括名字和姓氏。 列表按姓氏排序。 如何创建将按列名划分列表项的autidividers?
要为autidividers使用自定义文本,您需要做一些事情。
- 你需要在
ul
添加data-autodividers="true"
- 您需要指定
autodividersSelector
函数,该函数输出autodividersSelector
的文本 - 您需要刷新列表视图
例如,给出了以下标记的简化版本
Header
- Francisca Fidler
- Jolie Jarnagin
- Quiana Quiroz
Footer
您可以使用以下JavaScript使用lastname创建autodividers
$('#pageAutoDiv').bind('pageshow', function () { $('#usersListView').listview({ autodividers: true, autodividersSelector: function (li) { return $(li).find('.lastname').text(); } }); $('#usersListView').listview('refresh'); });
这是jsBin的链接(使用更多的标记)