Filtro jQuery Mobile

È possibile filtrare elemento

Tutti gli elementi, se uno o più sub-elementi possono essere filtrati.

Come creare un campo di ricerca:

• Si desidera filtrare elemento deve utilizzare il data-filter = "true" attributo.
• Crea elemento <input> e specificare l'id, oltre a dati di tipo sull'elemento = "ricerca" attributo. Questo creerà un campo di ricerca di base. L'elemento <input> è collocato in una forma, la forma <form> elemento utilizza classe "ui-filtrabile" - Questa classe verrà regolata al di fuori del campo di ricerca e lontano dal filtro.
• Poi aggiungere l'attributo di immissione dati per l'elemento filtrante. Questo valore deve essere id <input> elementi.

Poi creiamo un elenco filtrato:

Suggerimento: è possibile utilizzare l'attributo segnaposto nel campo di ricerca per impostare il messaggio:

filtri personalizzati

Generalmente inserita nel testo di ciascun elemento dell'elenco è quello di utilizzare come testo filtro (ad esempio A corrispondente a "Adele" o "B" corrisponde a "Billy"). Ma se si desidera specificare un filtro di testo personalizzato, è necessario utilizzare l'attributo data-filtertext in elementi figlio:

	Se si utilizza un attributo data-filtertext nell'elemento, gli elementi di contenuto di testo sorgente verranno ignorati quando il filtro, quindi se si deve cercare l'elenco di elementi "Adele", richiede l'uso di parole chiave come: f, a, v, o fav.

Altri esempi

Filtrazione Lista piegato
Come piegato lista dei filtri.

Filtrare la tabella
Come filtrare il contenuto della tabella.

Filtro elemento <div>
Come filtrare bambino <div> elemento contiene un elemento <p>.