<kendo:gantt-view>
The views displayed by the Gantt and their configuration. The array items can be either objects specifying the view configuration or strings representing the view types (assuming default configuration). By default the Kendo UI Gantt widget displays "day", "week", and "month" views.
Example
<kendo:gantt-views>
<kendo:gantt-view></kendo:gantt-view>
</kendo:gantt-views>
Configuration Attributes
date java.util.Date
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.Overrides the date option of the gantt.
Example
<kendo:gantt-view date="date">
</kendo:gantt-view>
dayHeaderTemplate java.lang.String
The template used to render the day slots in "day" and "week" views.
Example
<kendo:gantt-view dayHeaderTemplate="dayHeaderTemplate">
</kendo:gantt-view>
monthHeaderTemplate java.lang.String
The template used to render the month slots in "month" and "year" views.
Example
<kendo:gantt-view monthHeaderTemplate="monthHeaderTemplate">
</kendo:gantt-view>
resizeTooltipFormat java.lang.String
The format used to display the start and end dates in the resize tooltip.
Example
<kendo:gantt-view resizeTooltipFormat="resizeTooltipFormat">
</kendo:gantt-view>
selected boolean
If set to true the view will be initially selected by the Gantt widget. The default selected view is "day".
Example
<kendo:gantt-view selected="selected">
</kendo:gantt-view>
slotSize java.lang.Object
The size of the time slot headers. Values are treated as pixels.
Example
<kendo:gantt-view slotSize="slotSize">
</kendo:gantt-view>
timeHeaderTemplate java.lang.String
The template used to render the time slots in "day" view
Example
<kendo:gantt-view timeHeaderTemplate="timeHeaderTemplate">
</kendo:gantt-view>
type java.lang.String
The view type. Supported types are "day", "week", "month" and "year".
Example
<kendo:gantt-view type="type">
</kendo:gantt-view>
weekHeaderTemplate java.lang.String
The template used to render the week slots in "week" and "month" views.
Example
<kendo:gantt-view weekHeaderTemplate="weekHeaderTemplate">
</kendo:gantt-view>
yearHeaderTemplate java.lang.String
The template used to render the year slots in "year" view.
Example
<kendo:gantt-view yearHeaderTemplate="yearHeaderTemplate">
</kendo:gantt-view>
Configuration JSP Tags
kendo:gantt-view-range
Configures the view range settings.
More documentation is available at kendo:gantt-view-range.
Example
<kendo:gantt-view>
<kendo:gantt-view-range></kendo:gantt-view-range>
</kendo:gantt-view>
Event Attributes
timeHeaderTemplate String
The template used to render the time slots in "day" view
Example
<kendo:gantt-view timeHeaderTemplate="handle_timeHeaderTemplate">
</kendo:gantt-view>
<script>
function handle_timeHeaderTemplate(e) {
// Code to handle the timeHeaderTemplate event.
}
</script>
dayHeaderTemplate String
The template used to render the day slots in "day" and "week" views.
Example
<kendo:gantt-view dayHeaderTemplate="handle_dayHeaderTemplate">
</kendo:gantt-view>
<script>
function handle_dayHeaderTemplate(e) {
// Code to handle the dayHeaderTemplate event.
}
</script>
weekHeaderTemplate String
The template used to render the week slots in "week" and "month" views.
Example
<kendo:gantt-view weekHeaderTemplate="handle_weekHeaderTemplate">
</kendo:gantt-view>
<script>
function handle_weekHeaderTemplate(e) {
// Code to handle the weekHeaderTemplate event.
}
</script>
monthHeaderTemplate String
The template used to render the month slots in "month" and "year" views.
Example
<kendo:gantt-view monthHeaderTemplate="handle_monthHeaderTemplate">
</kendo:gantt-view>
<script>
function handle_monthHeaderTemplate(e) {
// Code to handle the monthHeaderTemplate event.
}
</script>
yearHeaderTemplate String
The template used to render the year slots in "year" view.
Example
<kendo:gantt-view yearHeaderTemplate="handle_yearHeaderTemplate">
</kendo:gantt-view>
<script>
function handle_yearHeaderTemplate(e) {
// Code to handle the yearHeaderTemplate event.
}
</script>
Event Tags
kendo:gantt-view-timeHeaderTemplate
The template used to render the time slots in "day" view
Example
<kendo:gantt-view>
<kendo:gantt-view-timeHeaderTemplate>
<script>
function(e) {
// Code to handle the timeHeaderTemplate event.
}
</script>
</kendo:gantt-view-timeHeaderTemplate>
</kendo:gantt-view>
kendo:gantt-view-dayHeaderTemplate
The template used to render the day slots in "day" and "week" views.
Example
<kendo:gantt-view>
<kendo:gantt-view-dayHeaderTemplate>
<script>
function(e) {
// Code to handle the dayHeaderTemplate event.
}
</script>
</kendo:gantt-view-dayHeaderTemplate>
</kendo:gantt-view>
kendo:gantt-view-weekHeaderTemplate
The template used to render the week slots in "week" and "month" views.
Example
<kendo:gantt-view>
<kendo:gantt-view-weekHeaderTemplate>
<script>
function(e) {
// Code to handle the weekHeaderTemplate event.
}
</script>
</kendo:gantt-view-weekHeaderTemplate>
</kendo:gantt-view>
kendo:gantt-view-monthHeaderTemplate
The template used to render the month slots in "month" and "year" views.
Example
<kendo:gantt-view>
<kendo:gantt-view-monthHeaderTemplate>
<script>
function(e) {
// Code to handle the monthHeaderTemplate event.
}
</script>
</kendo:gantt-view-monthHeaderTemplate>
</kendo:gantt-view>
kendo:gantt-view-yearHeaderTemplate
The template used to render the year slots in "year" view.
Example
<kendo:gantt-view>
<kendo:gantt-view-yearHeaderTemplate>
<script>
function(e) {
// Code to handle the yearHeaderTemplate event.
}
</script>
</kendo:gantt-view-yearHeaderTemplate>
</kendo:gantt-view>