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