# Simula Gantt con TreeWidGet y vJavascript

**URL:** <https://foros.velneo.com/t/simula-gantt-con-treewidget-y-vjavascript/10830>\
**Category:** Compartir código fuente y ejemplos\
**Created:** [30 Agosto, 2021 06:46 UTC](https://foros.velneo.com/t/simula-gantt-con-treewidget-y-vjavascript/10830 "2021-08-30T06:46:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ricardo](https://avatars.discourse-cdn.com/v4/letter/r/a6a055/32.png) [@ricardo](https://foros.velneo.com/u/ricardo)\
**Post date:** [30 Agosto, 2021 06:46 UTC](https://foros.velneo.com/t/simula-gantt-con-treewidget-y-vjavascript/10830/1 "2021-08-30T06:46:40Z")

</div>

Os dejo una Simulación de rejilla Gantt hecha con vJavascript y TreeWidGet.  
Le paso una cadena separada por ; para las filas y dentro de cada una de esas cadenas separadas por , los datos para las columnas Tarea, Duración, Fecha Inicio y Fecha Fin.  
El truco está en cambiar el color del fondo de la columna si la fecha que indica la columna esta dentro del intervalo de Fecha Inicio y Fecha Fin.

[Simula-Gantt.vin](https://foros.velneo.com/uploads/short-url/fdCA04R5fOOOu8h07I433e8Uv2M.vin) (2,0 KB)

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/b/b2635b2f475ca9a529b4adf0abe6b76b2ec7831d.jpeg)

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/c/c2e7994156b2c2fbfda76e1c70064e1279e27925.png)

---

<div class="post-metadata">

**Author:** ![pacosatu](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/pacosatu/32/5131_2.png) [@pacosatu](https://foros.velneo.com/u/pacosatu)\
**Post date:** [30 Agosto, 2021 09:05 UTC](https://foros.velneo.com/t/simula-gantt-con-treewidget-y-vjavascript/10830/2 "2021-08-30T09:05:45Z")

</div>

Hola rpaton.

Gracias por el aporte, un buen ejemplo del [TreeWidget](https://doc.velneo.com/velneo-vdevelop/proyectos-objetos-y-editores/proyecto-de-aplicacion/formulario/tree-widget), un control ignorado completamente por Velneo del que debería tomar muchas de sus cualidades y aplicarlas a la Rejilla.

Recuerda que puedes complementar el ejemplo con un [Gráfico de Velneo](https://doc.velneo.com/velneo-vdevelop/proyectos-objetos-y-editores/proyecto-de-aplicacion/grafico) simulando el Diagrama de Gantt con un gráfico de Barras horizontales.

![imagen](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/b/b3a680ca493f1e3ff0cd607f13900d164a02d3bc.png)

Saludos  
Paco Satué

---

<div class="post-metadata">

**Author:** ![ricardo](https://avatars.discourse-cdn.com/v4/letter/r/a6a055/32.png) [@ricardo](https://foros.velneo.com/u/ricardo)\
**Post date:** [30 Agosto, 2021 09:26 UTC](https://foros.velneo.com/t/simula-gantt-con-treewidget-y-vjavascript/10830/3 "2021-08-30T09:26:28Z")

</div>

Gracias Paco. Lo he realizado a modo rejilla por requisito de mi cliente.

---

<div class="post-metadata">

**Author:** ![pacosatu](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/pacosatu/32/5131_2.png) [@pacosatu](https://foros.velneo.com/u/pacosatu)\
**Post date:** [30 Agosto, 2021 09:32 UTC](https://foros.velneo.com/t/simula-gantt-con-treewidget-y-vjavascript/10830/4 "2021-08-30T09:32:16Z")

</div>

Hola rpaton.

Por supuesto, el gráfico complementa al TreeWidget, para cuando el cliente quiera imprimir o generar un PDF con el diagrama de gantt que muestra en pantalla.

Saludos  
Paco Satué

---

<div class="post-metadata">

**Author:** ![ricardo](https://avatars.discourse-cdn.com/v4/letter/r/a6a055/32.png) [@ricardo](https://foros.velneo.com/u/ricardo)\
**Post date:** [30 Agosto, 2021 12:52 UTC](https://foros.velneo.com/t/simula-gantt-con-treewidget-y-vjavascript/10830/5 "2021-08-30T12:52:41Z")

</div>

Alguna idea para que puedan salir las rayas verticales y horizontales de la rejilla?