JS ListView

Cree listas de JavaScript clásicas o con plantillas con unas pocas líneas de código.

La forma rápida de agregar un ListView a su aplicación JavaScript

Horizontal o vertical, clásico o con una plantilla de usuario, elegante e interactivo - MindFusion JS ListView tiene lo que está buscando en un control de lista.

Elementos de la lista

El control ListView admite un número ilimitado de elementos, que pueden ser diseñados para satisfacer todas sus necesidades. Puede crear un bloque de elementos HTML y asignarlos como contenido al elemento de la lista a través de la propiedad de la plantilla.

Muestra en línea: Una lista con platos de frutas

Una APi intuitiva

ListView le permite crear listas HTML interactivas tanto avanzadas como tradicionales. Para crear una lista con elementos, solo necesita crear instancias de la clase ListItem, asignarles títulos y agregarlos a la colección de elementos ListView. Cada ListItem expone varias propiedades para el estilo y la interacción del usuario.

Descripción general de la API: ListView y ListItem

Selección múltiple en una ListView de JavaScript

Interacción de usuario

Los usuarios pueden seleccionar varios elementos a la vez, así como la opción de arrastrar y soltar. El desplazamiento está habilitado de forma predeterminada para listas más largas.

Muestra en línea: ListView interactivo
Tutorial: Arrastrar y soltar en un control ListView

Eventos

ListView genera eventos para cualquier acción que el usuario realice en la lista y sus elementos, como: seleccionar, arrastrar, soltar, mover o cambiar el tamaño. También hay un conjunto de eventos de validación que le permiten cancelar la acción. Los eventos también se activan cuando el control se carga o se enfoca.

Muestra en línea: Aplicación de chat JavaScript con el control ListView
Referencia en línea: La clase ListView

ListView JavaScript: Interacción del usuario

ListView JavaScript con Miniatura de Imagen o Thumbnail

Apariencia

Cada elemento de la lista se puede diseñar de la manera que desee, hasta los detalles más pequeños. La propiedad cssClass le permite vincular la apariencia de los elementos a los estilos CSS creados especialmente para ellos. El control admite plantillas y un conjunto de temas predefinidos, le permite aplicar directamente hermosos estilos diseñados en diferentes esquemas de color.

Muestra en línea: JavaScript ListView con miniaturas de imágenes