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

Question

Ok поэтому я использую:

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

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

У jquerymobile есть эта функция? Как я могу это достичь. Это будет супер, если я могу фильтр на основе зарегистрированного состояния флажка + также все, что в SearchBox

Answer 1

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

Да ...

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

Фильтра выявить особенность фильтруемого виджета позволяет легко построить простое автозаполнение с локальными данными. Когда виджет Filterable используется в списке с атрибутом data-filter-show = "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> 

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

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

после того, как вы внесли изменения/обновления.