TimeAxisColumn
A column containing the timeline "viewport", in which events, dependencies etc. are drawn. Normally you do not need to interact with or create this column, it is handled by Scheduler.
If you wish to output custom contents inside the time axis row cells, you can provide your custom column configuration using the renderer like so:
const scheduler = new Scheduler({
appendTo : document.body
columns : [
{ text : 'Name', field : 'name', width : 130 },
{
type : 'timeAxis',
renderer({ record, cellElement }) {
return '<div class="cool-chart"></div>';
}
}
]
});
See also
- Scheduler - Scheduler widget
- ViewPreset - Time axis configuration
Configs
Configs are options you supply in a configuration object when creating an instance of this class-
Set to
falseto prevent this column header from being dragged.Has a corresponding runtime draggable property.
-
Allow filtering data in the column (if Filter feature is enabled)
Has a corresponding runtime filterable property.
-
Set to
falseto prevent grouping by this column.Has a corresponding runtime groupable property.
-
Allow column visibility to be toggled through UI.
Has a corresponding runtime hideable property.
-
Set to
falseto prevent the column from being drag-resized when the ColumnResize plugin is enabled.Has a corresponding runtime resizable property.
-
Allow searching in the column (respected by QuickFind and Search features)
Has a corresponding runtime searchable property.
-
Allow sorting of data in the column
Has a corresponding runtime sortable property.
-
Set to
trueto show a context menu on the cell elements in this columnHas a corresponding runtime enableCellContextMenu property.
-
Show column picker for the column.
Has a corresponding runtime showColumnPicker property.
-
CSS class added to the header of this column
Has a corresponding runtime cls property.
Properties
Properties are getters/setters or publicly accessible variables on this class-
Identifies an object as an instance of TimeAxisColumn class, or subclass thereof.
-
Identifies an object as an instance of TimeAxisColumn class, or subclass thereof.
-
Set to
falseto prevent this column header from being dragged.Has a corresponding draggable config.
-
Allow filtering data in the column (if Filter feature is enabled)
Has a corresponding filterable config.
-
Set to
falseto prevent grouping by this column.Has a corresponding groupable config.
-
Allow column visibility to be toggled through UI.
Has a corresponding hideable config.
-
Set to
falseto prevent the column from being drag-resized when the ColumnResize plugin is enabled.Has a corresponding resizable config.
-
Allow searching in the column (respected by QuickFind and Search features)
Has a corresponding searchable config.
-
Allow sorting of data in the column
Has a corresponding sortable config.
-
Set to
trueto show a context menu on the cell elements in this columnHas a corresponding enableCellContextMenu config.
-
Show column picker for the column.
Has a corresponding showColumnPicker config.
-
CSS class added to the header of this column
Has a corresponding cls config.
Functions
Functions are methods available for calling on the class-
Refreshes the columns header contents (which is either a HorizontalTimeAxis or a ResourceHeader). Useful if you have rendered some extra meta data that depends on external data such as the EventStore or ResourceStore.