Tienda Web
Área de Clientes
MindFusion

ToolStrip de JS

Una forma intuitiva de presentar comandos y configuraciones relevantes para el usuario.
Descargar Instalar desde npm

Una biblioteca de Interfaz del Usuario clásica con un toque moderno

El control toolstrip admite una amplia gama de opciones de personalización y eventos que le permiten crear y diseñar la barra de herramientas perfecta casi sin esfuerzo y con poca programación.

JS ToolStrip

Elementos

Los elementos del toolstrip se pueden cargar desde objetos JavaScript o una plantilla HTML de tipo cadena. Se pueden mostrar imágenes o texto y además son compatibles con los cuadros de texto emergentes. Los elementos pueden tener varios tamaños y además pueden estar ocultos o visibles.

Muestra en línea: una Aplicación de Chat con el Control ToolStrip
Documentación en línea: Miembros de la Clase ToolStripItem

Interacción

La Toolstrip admite la funcionalidad de arrastrar y soltar, lo que permite al usuario mover elementos a lo largo de toda la barra de herramientas. Se puede expandir y colapsar la toolstrip; se admite el desplazamiento para aquellas de mayor longitud, las cuales no son capaces de mostrar todos los elementos en el rango visible. Los usuarios tienen la posibilidad de seleccionar varios elementos.

Muestra en línea: Aplicación Json Parser que utiliza una Barra de Herramientas

JavaScript Tool Bar: Json Parser

Temas y Estilos

La barra de herramientas y sus elementos se personalizan mediante temas CSS. Las propiedades especiales de la cssClass le permiten asignar una clase CSS personalizada a la toolstrip, cuya configuración anula las predeterminadas en el tema. Además, puede especificar el tamaño de los elementos y de la barra de herramientas, así como su ubicación y orientación.

Muestra en línea: un ToolStrip con temas predeterminados

Procedimiento

Un conjunto de instrucciones detalladas le permite cargar los datos de la toolstrip desde instancias Json u objetos JavaScript, así como exportar los datos de la barra de herramientas a una cadena json. Puede seleccionar y deseleccionar elementos mediante la programación, así como expandir y contraer la toolstrip.

Muestra en línea: un Navegador Simple que Utiliza una ToolStrip
Descripción general de la API: ToolStrip y ToolStripItem

JavaScript ToolStrip: Simple Browser App
JavaScript Tool Box Sample

Eventos

El conjunto de eventos enriquecidos le envía notificaciones sobre cada acción que el usuario está realizando o ha realizado. Las notificaciones le permiten cancelar la acción. Los eventos se generan para todo tipo de interacción que el usuario realice, tales como: arrastrar, soltar, hacer clic, seleccionar. También se le notifica cuando se cambian los elementos o el control se ha centrado.

Muestra en línea: Aplicación de Gerente de Proyecto con ToolStrip
Documentación en línea: clase ToolStrip

MindFusion Paquete JavaScript

Copyright © 2001-2024 MindFusion LLC. All rights reserved.
Terms of use - Contactos