¿Qué es Filtro de jQuery Mobile?

jQuery Mobile curso
jQuery Mobile lista
jQuery Mobile formulario
jQuery Mobile tema
- jQuery Mobile tema
jQuery Mobile evento

El mejor tutorial de Filtro de jQuery Mobile en 2024. En este tutorial podrás aprender Puedes realizar un filtrado elemento,Lista de elementos de búsqueda,Ejemplos,Los filtros personalizados,más ejemplos,

Filtro de jQuery Mobile

Anterior: Formulario de jQuery Mobile

Siguiente: pagecontainerbeforeload evento jQuery Mobile

Puedes realizar un filtrado elemento

Todos los elementos si uno o más sub-elementos pueden ser filtrados.

Cómo crear un campo de búsqueda:

¿Quieres elemento de filtro debe utilizar la técnica de filtro = "true" atributo.
Crea <input> y especificar el ID, además del tipo de datos sobre el elemento = "búsqueda" atributo. Esto creará un campo de búsqueda básica. El elemento <input> se coloca en un formulario, el formulario <form> elemento utiliza la clase "ui-filtrable" - Esta clase se ajustará fuera del campo de búsqueda y lejos del elemento de filtro.
A continuación, añadir el atributo de entrada de datos para el elemento de filtro. Este valor tiene que ser Identificación elementos <input>.

A continuación, creamos una lista filtrada:

Lista de elementos de búsqueda

<Clase de formulario = "ui-filtrable ">
<Id = datos de entrada "myFilter" -type = "buscar">
</ Form>

<Ul datos-role = "listview "-filtro de datos = "true" datos de entrada = "# myFilter">
<Li> <a href="#"> Adele </a> </ li>
<Li> <a href="#"> Billy </a> </ li>
<Li> <a href="#"> Calvin </a> </ li>
</ Ul>

Trate »

Consejo: Puede utilizar el atributo de marcador de posición en el campo de búsqueda para establecer el mensaje:

Ejemplos

Trate »

Los filtros personalizados

Generalmente se inserta en el texto de cada elemento de la lista es el uso como un texto de filtro (tales como A correspondiente a "Adele" o "B" corresponde a "Billy"). Pero si desea especificar un filtro de texto personalizado, es necesario utilizar los datos de atributo-filtertext en elementos secundarios:

Ejemplos

<Li-filtertext de datos = "favorito "> <a href="#"> Adele </a> </ li>

Trate »

	Si se utiliza un atributo de filtertext datos en el elemento, los elementos de contenido de texto de origen se ignoran cuando el filtro, a continuación, si usted tiene que buscar la lista de elementos "Adele", requiere el uso de palabras clave como: f, a, v, o FAV.