Latest web development tutorials

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

<Id = datos de entrada "myFilter" -type = "buscar" marcador de posición = " acuerdo para buscar el nombre ..">

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 »
nota 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.
Ejemplos

más ejemplos

La filtración Lista plegada
Cómo plegada lista de filtros.

Se filtra la tabla
Cómo filtrar contenido de la tabla.

Filtro elemento <div>
Cómo filtrar niño <div> contiene un elemento <p>.