Filterliste basiert auf Checkbox Wert

Question

Ok, so verwende ich:

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

Das ist also einfach, aber was ich im Grunde wollen auch ein Kontrollkästchen. Wenn es aktiviert ist, sollte es nach einer bestimmten Zeichenfolge filtern.

Haben jquerymobile diese Funktionalität? Wie kann ich das erreichen? Es werden von der Super, wenn ich auf der Überprüfungsstatus der Checkbox basierten Filter kann + auch, was in der Searchbox ist

Answer 1

Wenn diese Option aktiviert es auf einer bestimmten Zeichenfolge filtern soll. Verfügt jquerymobile über diese Funktionalität? Ja

...

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

Die Filter offenbares Merkmal des Filterbare Widget macht es einfach, eine einfache zum automatischen Vervollständigung mit lokalen Daten zu bauen. Wenn das filterbare Widget in einer Liste mit dem Attribut data-filter-reveal = "true" verwendet wird, werden alle Listenelemente automatisch ausgeblendet, wenn das Suchfeld leer ist. Wenn Sie nach einer langen Liste von Werten suchen müssen, können Sie einen Filter mit einer fernen Datenquelle erstellen.

<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> 

Das filterbar Widget wird in jedem Tag arbeiten, nicht nur ul/ol-Ansichten verwendet. Sehen Sie sich die Demoseite an, da sie eine Vielzahl verschiedener Methoden enthält, die Sie interessieren sollten. Da Sie listview verwenden, stellen Sie sicher, dass

ausgeführt wird, nachdem Sie Änderungen/Aktualisierungen vorgenommen haben.