Gantt

Example

<kendo-gantt>
    <assignments></assignments>
    <columns></columns>
    <current-time-marker />
    <dependency-datasource></dependency-datasource>
    <editable></editable>
    <gantt-datasource></gantt-datasource>
    <gantt-task-template></gantt-task-template>
    <messages />
    <pdf></pdf>
    <range />
    <resources></resources>
    <toolbars></toolbars>
    <tooltip></tooltip>
    <views />
</kendo-gantt>

ChildTags

Tag Name Details
assignments GanttAssignmentsSettingsTagHelper
columns GanttColumnsTagHelper
current-time-marker GanttCurrentTimeMarkerSettingsTagHelper
dependency-datasource GanttDependencyDataSourceTagHelper
editable GanttEditableSettingsTagHelper
gantt-datasource GanttDataSourceTagHelper
gantt-task-template TemplateTagHelper
messages GanttMessagesSettingsTagHelper
pdf GanttPdfSettingsTagHelper
range GanttRangeSettingsTagHelper
resources GanttResourcesSettingsTagHelper
toolbars GanttToolbarsTagHelper
tooltip GanttTooltipSettingsTagHelper
views GanttViewsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
as-child-component Boolean
datasource-id String The ID/Name of the GanttDataSource tag helper
dependancy-datasource-id String The ID/Name of the GanttDependencyDataSource tag helper
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-module Boolean
auto-bind Boolean If set to false the widget will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration.
column-menu Boolean If set to true, the Gantt displays the column menu when the user clicks the Chevron icon in the column headers. The column menu allows the user to show and hide columns, and, if filtering and sorting are enabled, filter and sort the data. By default, the column menu is disabled. Can be set to a JavaScript object which represents the column menu configuration.
column-resize-handle-width Double Defines the width of the column resize handle in pixels. Apply a larger value for easier grasping.
date DateTime If set to some date and it is between the range start and range end of the selected view, the timeline of the currently selected view is scrolled to start from this date.
filterable Boolean If set to true, the user can filter the data source by using the Gantt filter menu. By default, filtering is disabled. Can be set to a JavaScript object which represents the filter menu configuration.
has-client-component Boolean
height Double The height of the widget. Numeric values are treated as pixels.
hour-span Double The span of an hour slot.
list-width String The width of the task list. Numeric values are treated as pixels.
navigatable Boolean If set to true the user could navigate the widget using the keyboard. By default keyboard navigation is enabled.
on-add String Fired when a new task or a new dependency is about to be added.The event handler function context (available via the this keyword) will be set to the widget instance.
on-cancel String Fired when the user cancels tasks's cell editing by pressing the 'Esc' key.The event handler function context (available via the this keyword) will be set to the widget instance.
on-change String Fired when the user selects a task in the Gantt.The event handler function context (available via the this keyword) will be set to the widget instance.
on-column-hide String Fires when the user hides a column. The event handler function context (available through the this keyword) will be set to the widget instance.
on-column-reorder String Fires when the user changes the order of a column. The event handler function context (available through the this keyword) will be set to the widget instance.
on-column-resize String Fired when the user resizes a column.The event handler function context (available via the this keyword) will be set to the widget instance.
on-column-show String Fires when the user shows a column. The event handler function context (available through the this keyword) will be set to the widget instance.
on-data-binding String Fired before the widget binds to its data source.The event handler function context (available via the this keyword) will be set to the widget instance.
on-data-bound String Fired when the widget is bound to data from its data source.The event handler function context (available via the this keyword) will be set to the widget instance.
on-edit String Fired when the user starts task edit upon double click on a cell.The event handler function context (available via the this keyword) will be set to the widget instance.
on-move String Fired when the user starts to drag a task.The event handler function context (available via the this keyword) will be set to the widget instance.
on-move-end String Fired when the user stops moving a task.The event handler function context (available via the this keyword) will be set to the widget instance.
on-move-start String Fired when the user starts to drag a task.The event handler function context (available via the this keyword) will be set to the widget instance.
on-navigate String Fired when the user changes the selected view of the Gantt.The event handler function context (available via the this keyword) will be set to the widget instance.
on-pdf-export String Fired when the user clicks the "Export to PDF" toolbar button.
on-remove String Fired when a task or a dependency is about to be removed.The event handler function context (available via the this keyword) will be set to the widget instance.
on-resize String Fired when the user starts to resize a task.The event handler function context (available via the this keyword) will be set to the widget instance.
on-resize-end String Fired when the user releases the mouse after resizing a task.The event handler function context (available via the this keyword) will be set to the widget instance.
on-resize-start String Fired when the user starts to resize a task.The event handler function context (available via the this keyword) will be set to the widget instance.
on-save String Fired when a task field is updated upon user interaction.The event handler function context (available via the this keyword) will be set to the widget instance.
on-toggle-planned-tasks String The event will be raised upon Toolbar PlannedTasks Switch click. As a result, the planned tasks will be either hidden or shown in the Gantt Timeline view. The event is preventable.The event handler function context (available via the this keyword) will be set to the widget instance.
reorderable Boolean If set to true, the user can reorder the columns in the GanttList section of the widget by dragging their header cells. By default, reordering is disabled.
resizable Boolean If set to true allows users to resize columns by dragging their header borders. By default resizing is disabled.
row-height Double The height of the table rows. Numeric values are treated as pixels.
sanitize-id Boolean
script-attributes IDictionary<String,Object>
selectable Boolean If set to false the user won't be able to select tasks in the Gantt. By default selection is enabled and triggers the change event.
show-planned-tasks Boolean If set to true, the Gantt Timeline will render both the planned and the actual execution of tasks. In order to display properly, the Planned vs. Actual view would need the plannedStart and plannedEnd date fields for tasks to be set.
show-work-days Boolean If set to false, Gantt views will show all days of the week. By default the views display only business days.
show-work-hours Boolean If set to false, the day view will show all hours of the day. By default the view displays only business hours.
snap Boolean If set to true the Gantt will snap tasks to the nearest slot during dragging (resizing or moving). Set it to false to allow free moving and resizing of tasks.
task-template String The template used to render the gantt tasks.The fields which can be used in the template are the task fields
task-template-handler String The template used to render the gantt tasks.The fields which can be used in the template are the task fields
task-template-id String The template used to render the gantt tasks.The fields which can be used in the template are the task fields
task-template-view IHtmlContent The template used to render the gantt tasks.The fields which can be used in the template are the task fields
work-day-end DateTime Sets the end of the work day.
work-day-start DateTime Sets the start of the work day.
work-week-end Double The end of working week (index based).
work-week-start Double The start of working week (index based).
In this article
Not finding the help you need?