19 de febrero de 2014

DojoGantt widget en WaveMaker

Hola les quería compartir este widget que estoy utilizando el dojo gantt .es ideal para gestionar proyectos, tareas y recursos en un marco de tiempo.Aquí les muestro lo que se genera el diagrama gantt cargado desde la base de datos.

Este widget esta en la librería de dojo desde la version 1.6 y para la integración con wavemaker no es necesario descargar nada externo.
Aquí les muestro la estructura básica en json.

{
"identifier":"id",
"items":[{
   "id":1,
  "name":"Development Project",
  "startdate":"2012-2-11",
  "tasks":[]
}]
}

y la definicion necesario para crear un widget..en este case necesita un elemento para cargar con id: ganttid

 var ganttChart = new dojox.gantt.GanttChart({
    readOnly: false,
    dataFilePath: "some_url", 
    withResource: false
  }, "ganttid");
  
  ganttChart.init();  
  ganttChart.loadJSONData();
  
});

luego obviamente cargarlo en un widget contenedor de html
 <div id="ganttid">
      </div>

Aqui les muestro la aplicacion corriendo


Bueno luego mejoramos un poco al widget..

Mis cosas

Powered By Blogger