Список фильтров на основе значения флажка

Question

Итак, я использую:

<ul id="residentList" data-role="listview" data-inset="true" data-filter="true" />
//Now follows the list
<ul>

Так что это легко, но я также хочу поставить галочку. Когда проверено это должно фильтровать на определенной строке.

У jquerymobile есть эта функциональность? Как я могу этого добиться. Было бы супер, если бы я мог фильтровать на основе состояния Checked + и все, что находится в окне поиска

Answer 1

Когда проверено это должно фильтровать на определенной строке. У jquerymobile есть эта функциональность?

Да...

http://api.jquerymobile.com/filterable/

Функция раскрытия фильтра виджета Filterable позволяет легко создавать простое автозаполнение с локальными данными. Когда виджет "Фильтруемый" используется в списке с атрибутом data-filter-reve ="true", он автоматически скрывает все элементы списка, когда поле поиска пустое. Если вам нужен поиск по длинному списку значений, мы предлагаем способ создания фильтра с удаленным источником данных.

<form class="ui-filterable">
    <input id="autocomplete-input" data-type="search" placeholder="Search fruits...">
</form>
<ul data-role="listview" data-filter="true" data-filter-reveal="true" data-input="#autocomplete-input" data-inset="true">
    <li><a href="#">Apple</a></li>
    <li><a href="#">Banana</a></li>
    <li><a href="#">Cherry</a></li>
    <li><a href="#">Cranberry</a></li>
    <li><a href="#">Grape</a></li>
    <li><a href="#">Orange</a></li>
</ul>

Фильтруемый виджет будет работать в любом теге, а не только в списках просмотров ul / ol. Посмотрите на страницу демонстраций, так как у них есть различные методы, которые могут вас заинтересовать. Поскольку вы используете просмотр списка, обязательно выполните

$("#residentList").listview("refresh); 

после внесения изменений / обновлений.