Marco html5 de interfaz de usuario ZUI v1.9.1

Introducción al marco html5 front-end de ZUI

ZUI es una solución práctica de interfaz de usuario HTML5 de código abierto que le ayuda a crear rápidamente aplicaciones modernas para varias pantallas.

ZUI es una solución de práctica HTML5UI de front-end de código abierto formada por el equipo de Yisoft Tianchuang en el proceso de mejorar sus propios productos (Zendao, Chanzhi, Ranzhi) para ayudarlo a crear rápidamente aplicaciones modernas entre pantallas.

Registro de actualización del marco html5 v1.7 del front-end de ZUI

Organigrama:

Se agregó una vista de organigrama para dibujar fácilmente organigramas de árbol de varios niveles, lo que admite controles de actualización y plegado;

icono:
Se agregaron algunos íconos nuevos: .icon-plus-sign-alt, .icon-check-plus, .icon-chanzhi, .icon-chanzhi-pro, .icon-zsite, .icon-zsite-pro;

Carga de archivos:
Se solucionó el problema por el cual el botón Eliminar no se muestra cuando la función de cambio de nombre está habilitada;
Se solucionó el problema de la configuración de la opción multipart_params no válida;
Cuando la opción multipart_params es una función, la función de devolución de llamada utilizará el objeto del archivo actual como primer parámetro y el valor predeterminado como segundo parámetro;
El botón de descarga de archivos utilizará el atributo de descarga para especificar el nombre del archivo de descarga;
Cuando el cambio de nombre de la extensión del archivo está deshabilitado (renameExtension está configurado en falso), la extensión no se muestra durante el cambio de nombre;
Se solucionó un problema por el cual la lista de archivos a veces no se actualizaba después de cambiar el nombre;

Clases auxiliares:
Ahora puede utilizar clases auxiliares con nombres de colores para agregar colores de texto y estilos de fondo, incluidos (.text-red, .text-green, .bg-amarillo, hl-blue, etc.);

Activador de diálogo:
Admite el uso de la opción className para especificar atributos CLASS adicionales agregados al cuadro de diálogo generado;

cuadro:
Los gráficos circulares admiten la configuración de la altura de línea de etiquetas de texto externas (usando la opción scaleLineHeight);
Se corrigió la dependencia del gráfico del componente independiente de ZUI colorset.js. Ahora puede especificar rápidamente el color del gráfico sin introducir el complemento colorset.js por separado;

Tabla de datos:
Se agregó la opción fixCellHeight para deshabilitar el ajuste automático de la altura de la fila (la altura de la fila se puede configurar usando CSS para evitar avisos de rendimiento para cada cálculo automático). El valor predeterminado es verdadero (el ajuste automático está habilitado y el comportamiento es consistente con versiones anteriores).

Panel:
Se solucionó el problema por el cual las opciones panelAttrs y colAttrs en la configuración del panel no eran válidas;

Procesamiento de color:
La clase $.zui.Color agrega un método de clase get(colorName) para crear rápidamente una nueva instancia de color;

Arrastrar, arrastrar y soltar, arrastrar y soltar selección, arrastrar y soltar clasificación:
Se agregó la opción mouseButton para especificar qué botón del mouse iniciará la operación de arrastrar y soltar;
La clasificación mediante arrastrar y soltar corrige el error al llamar al método destroy();

Grupo de entrada:
Optimice el efecto de borde redondeado de los grupos de entrada en formas compactas;

documento:
Todos los documentos relacionados con componentes independientes agregan indicaciones para importar recursos en el directorio lib;
El ZUI utilizado por el sitio web de documentación ya no se personaliza individualmente, sino que ahora utiliza la versión estándar de ZUI.

Visualización de la página del marco html5 del front-end de ZUI