RadiantQ jQuery Gantt Package
Row Specific Schedule for Rendering
Previous Topic  Next Topic 

Row Specific Schedule for Rendering


Sometimes, you might be plotting times on a resource each of which has a custom schedule.


For example, you might want to plot assignments made to a machine that is running on 3 different shifts:

Shift 1 - 12AM to 8AM

Shift 2 - 8AM to 4PM

Shift 3 - 4PM to 12AM


An assignment on Shift 2, running from 12PM to 4PM would appear like this normally in the FlexyGantt:


Plotting 12PM to 4PM in a FlexyGantt


If you then want to Size-to-fit the times for these shifts, you will have to supply the corresponding, varying schedule of each row to the gantt.


You can do so by first including a "Schedule" property in the json data object. 


Then set this property in FlexyGantt to let the gantt use this schedule while rendering bars in the row corresponding to this data.


            // Initialize the FlexyGantt widget.

            $gantt_container.FlexyGantt({

              .............

              ........

              // Converter will provide permission to customize the schedule value..

              RowRenderingScheduleBinding: { Property: "Schedule", Converter: scheduleConverter  },     


            });


This will then render the 4 hour bar like this within that row:


4 hour bar sized to fit an 8 Hour Shift Schedule.


Resizing and Shifting will also restrict the times within the specified schedule.


This is illustrated in this samples:

In HTML                : ..\Samples\FGCustomResourceLevelSchedules.htm.

In ASP.NET MVC     : ..\Views\Home\FlexyGantt\FGCustomResourceLevelSchedules.cshtml.

In ASP.NET            : ..\Samples\FlexyGantt\FGCustomResourceLevelSchedules.aspx.


© RadiantQ 2022. All Rights Reserved.