jQuery Mobile - Vista de lista
La vista de lista se utiliza para mostrar una lista de elementos. data-role = "listview" El atributo se incluye en el contenedor para mostrar la lista en una lista desplazable vertical.
La siguiente tabla muestra los tipos de vista de lista en detalle.
| No Señor. | Tipo y descripción |
|---|---|
| 1 | Solo lectura, desordenado Incluya el atributo data-role = "listview" para crear una lista desordenada simple. |
| 2 | Solo lectura, ordenado Cree listas ordenadas (ol) incluyendo el atributo data-role = "listview" . |
| 3 | Vinculado Cuando se define un hipervínculo en la lista, se le aplica el estilo de un botón. |
| 4 | Recuadro Aplique el aspecto de inserción incluyendo el atributo data-inset = "true" . |
| 5 | Filtrar La lista se puede filtrar agregando el atributo data-filter = "true" . |
| 6 | Revelar el filtro Agregue el atributo data-filter-revel = "true" para ocultar el elemento de la lista. |
| 7 | Divisores de lista Agregue el atributo data-role = "list-divider" a cualquier elemento de la lista para dividirlo en un grupo de elementos de la lista. |
| 8 | Divisores automáticos Se incluye el atributo data-autodividers = "true" para generar los divisores automáticamente en cualquier vista de lista. |
| 9 | Contar burbujas La clase ui-li-count define en el elemento ayudará a incluir un indicador de conteo en el elemento de la lista en el lado derecho. |
| 10 | Iconos: Estándar Agregue el icono de datos de atributo para establecer el icono de un elemento de lista en particular. |
| 11 | Iconos: 16x16 Incluya la clase de ui-li-icon en el elemento de imagen para agregar una imagen de 16 X 16 píxeles en el elemento de la lista. |
| 12 | Miniaturas En el elemento de la lista, las miniaturas se incluyen en el lado izquierdo. |
| 13 | Botones divididos Incluya un segundo enlace dentro del li para crear un elemento de lista dividida. |
| 14 | Contenido formateado Utilice etiquetas de encabezado y párrafo para agregar contenido en el formato de jerarquía adecuado. |
| 15 | Tema El atributo de tema de datos se agrega para incluir el tema de la vista de lista o para un elemento de lista en particular. |
| dieciséis | Formularios En la vista de lista, el elemento de formulario se puede insertar para una presentación grupal. |
| 17 | Vista de lista contraíble El atributo data-role = "collapsible" está envuelto en el contenedor para que la vista de lista se pueda contraer. |
| 18 | Agrupados contraíbles con listas de vistas Se puede crear una vista de lista agrupada dentro del conjunto plegable utilizando el atributo data-role = "collapsibleset" . |
| 19 | Vista de lista plegable de ancho completo Se agrega el atributo data-inset = "false" para hacer un conjunto plegable de ancho completo. |