jQuery Mobile Filter

Next: jQuery Mobile pagecontainerbeforeload Veranstaltung

Sie können Element filtern

Alle Elemente, wenn ein oder mehrere Unterelemente gefiltert werden können.

Wie ein Suchfeld zu erstellen:

Sie wollen Element zu filtern müssen die Daten-Filter = "true" -Attribut verwenden.
Erstellen <input> Element und geben Sie die ID, plus Daten-Typ auf das Element = "suchen" Attribut. Dies wird eine grundlegende Suchfeld erstellen. Das <input> Element in einer Form angeordnet wird, das Formular <form> -Element verwendet "ui-filterbar" Klasse - Diese Klasse wird von dem Filterelement außerhalb des Suchfeld ein und weg eingestellt werden.
Dann fügen Sie die Daten-Eingabeattribut für das Filterelement. Dieser Wert muss id <input> Elemente.

接下来我们创建一个可过滤的列表：

Liste Suchelemente

<Form class = "ui-filterbar ">
<Input id = "myFilter" Daten vom Typ = "suchen">
</ Form>

<Ul data-role = "Listenansicht " Daten-Filter = "true" Dateneingabe = "# myFilter">
<Li> <a href="#"> Adele </a> </ li>
<Li> <a href="#"> Billy </a> </ li>
<Li> <a href="#"> Calvin </a> </ li>
</ Ul>

Versuchen »

Tipp: Sie können den Platzhalter - Attribut in das Suchfeld verwenden , um die Nachricht zu setzen:

Beispiele

Versuchen »

Benutzerdefinierte Filter

Im Allgemeinen eingefügt in den Text jedes Listenelement ist als Filtertext zu verwenden (wie zB ein entsprechend "Adele" oder "B" auf "Billy" entspricht). Aber wenn Sie eine benutzerdefinierte Textfilter angeben möchten, müssen Sie Daten-filtertext Attribut in untergeordneten Elemente zu verwenden:

Beispiele

<Li data-filtertext = "FAV "> <a href="#"> Adele </a> </ li>

Versuchen »

	Wenn Sie ein daten filtertext Attribut in dem Element verwenden, werden die Source-Textinhalt Elemente ignoriert, wenn der Filter, dann, wenn Sie für die Liste der Elemente "Adele" zu suchen, erfordert die Verwendung von Schlüsselwörtern wie: f, a, v, oder Fav.