GXjsGantt User Control

Unofficial Content

Control Description

This control allows you to view Gantt charts, like this:



Using the control

Drag the control from toolbox and drop it into a web panel. This will automatically import 2 Genexus Objects:

  • jsGanttProvider: a sample collection of tasks.
  • jsGanttTask: SDT object that represents a single Task.

Genexus also adds a sample code to test:

Sub 'GanttSample'
       &DataJsGanttTask = jsGanttProvider.udp()
End sub
Note that &DataJsGanttTask is a jsGanttTask type variable and is marked as a collection (collection of tasks). A task is defined as a set of the following attributes:
  • pID:Task Id Value
  • pName:Task Name
  • pStart:Start Date
  • pEnd:End Date
  • pColor:Task Bar RGB Value. Hexa notation is used. Ex.: FF0000
  • pLink:Task URL. Open this link when user click on the task bar
  • pMile:This task is a Milestone? (1=yes; 0=no)
  • pRes:Resource Name to perform the task
  • pComp:Percent Complete
  • pGroup:Is a task group? (1=yes, 0=no)
  • pParent:Task Parent value (based on pID)
  • pOpen:Open Status
  • pDepend:Comma Separated Task Ids Depends on
  • pCaption:Task Caption
This subroutine can be called from Start Event:
Event Start
	do 'GanttSample'
End Event

Control Properties

  • Width:set Gantt width
  • Height:set Gantt Height
  • Responsible:Hide or show the Task Responsible
  • Duration:Hide or show the Task Duration
  • Caption Type:Defines information to be displayed besides the Task
  • StartDate:Hide or show Task Start Date
  • EndDate:Hide or show Task End Date 
  • Control Name:Name used to sets control properties at execution time. Ex.: gxJsGantt1.Width = 400
  • Dates:There are 3 types of format dates available. The format dates is used for Input Dates and Display Dates.
  • DataBinding:Genexus Variable to binds a task collection.

Credits and License Information

This user control is adapted from original jsGantt (www.jsgantt.com). JsGantt is a 100% FREE javascript and is released under BSD License.

To download this user control: http://marketplace.genexus.com/viewproductversion.aspx?125,1,0,0,