Список мобильных фильтров jQuery, включая поиск по разделителям

Question

Я разрабатываю список с некоторыми разделителями между элементами в jQuery Mobile.Я также разместил окно поиска, используя свойство data-filter = "true".Однако фильтр применяется только к элементам списка, а не к разделителям, и я хочу иметь возможность фильтрации по содержимому разделителя.

Я видел точное поведение, которое я хочу, в этой записи на форуме JQM, который я не могу повторить (полагаю, из-за версии jQuery).

Может кто-нибудь помочь мне с этим?

Заранее спасибо!

Answer 1

Я думаю, что ваша проблема может быть решена с помощью пары изменений в jQuery Mobile файле .

Найдите код о Фильтре (вокруг 7320-я строка ), найдите оператор для и удалите следующую часть кода:

if ( item.is( "li:jqmData(role=list-divider)" ) ) {

    item.toggleClass( "ui-filter-hidequeue" , !childItems );

    // New bucket!

    childItems = false;

} else

Это работает как с jQuery Mobile 1.1.1 и jQuery Mobile 1.2.0 Alpha.

Я предлагаю вам поработать с несжатой версией , чтобы изменить это.

Answer 2

У меня была та же проблема, которую я решил с помощью JQM 1.4.2 с помощью атрибута data-filtertext, чтобы заставить элементы списка соответствовать фильтру текста-разделителя при их фильтрации.это помогает!

Answer 3

Если вы хотели сказать, что хотите отфильтровать «потомки» разделителя на основе содержимого в дополнение к отдельному содержимому listitem , вам нужно data-filtertext опция для каждого listitem .Поместите и текст делителя, и текст списка в строку.

<ul data-role='listview' data-filter='true'>
  <li data-role="list-divider">Tallahassee</li>
  <li data-filtertext="Tallahassee Dog Et Al">Dog Et Al</li>
  <li data-filtertext="Tallahassee Jim and Milts">Jim and Milts</li>
  <li data-role="list-divider">Atlanta</li>
  <li data-filtertext="Atlanta The Varsity">The Varsity</li>
</ul>