Como habréis observado en el artículo S-003 os mostré las posibilidades de DataGrid y os hablé que estaba revisando las posibilidades de Gantt y eso es lo que he hecho. Al ver todas las posibilidades que ofrece el fabricante SVAR, mi sorpresa ha sido grande y en este artículo lo que vengo a mostrar en los ejemplos, son todas las posibilidades que ofrece de forma gratuita.

Como podréis comprobar casi hay soluciones para cualquier necesidad que podamos tener en el desarrollo de una aplicación de gestión.

Objetivo

Preparar los ejemplos que tiene el fabricante para en caso e desarrollos en Svelte 5 y facilitar los ejemplos para que se disponga de código para toda la casuística que se contempla en estos ejemplos.

Os facilito todos los ejemplos, que he codificado con «demo» y termina con el nombre del producto.

DEMOS:

(1) Menú donde vais a poder ver muchas opciones. Se pueden combinar todas ella para obtener la solución que requiere tu aplicación.

(2) Temas que se pueden utilizar directamente. Se pueden definir temas personalizados.

(3) Espacio en donde se muestra el resultado de la selección del punto (1)

Solución Técnica

En este aparado os indico que lo que he hecho es:

• De los ejemplos del fabricante, quedarme con lo que era Svelte 5.
• He creado proyecto y he instalado todos los componentes que faltaban en la definición del fichero «Package.json». En general he instalado estos componentes:
  @sveltejs/vite-plugin-svelte vite rollup-plugin-visualizer wx-vite-tools vite-plugin-conditional-compile svelte autoprefixer svelte-spa-router 
• También, he revisado que funcionara y en los casos que daban problema (2 casos) he comentado esa parte del ejemplo, para que pudiera funcionar el resto.

Espero que os guste. Como os comento, a mi me ha encantado y voy a desarrollar algunos ejemplos con estos componentes.

Como siempre, os dejo los ejemplos para que los podáis descargar e instalar y podáis aprender a través de estos ejemplos.

Recordar que el fabricante dispone de su web y su buena documentación, que siempre servirá de ayuda https://svar.dev/svelte/

En estos ejemplos está configurado los siguientes comandos:

• Arrancar la web de pruebas. npm run start
• Construir la app. npm run build

Adjuntos

Archivo	Tamaño de archivo	Descargas
demo-toolbar	49 KB	6
demo-uploader	43 KB	4
demo-core	118 KB	5
demo-datagrid	156 KB	5
demo-editor	83 KB	5
demo-filemanager	83 KB	4
demo-gantt	122 KB	4
demo-menu	52 KB	4