HierarchicalCalendarMonthView is designed to display a team calendar.
As illustrated in the screenshot below, the first column is designed as a tree.
● accessibilityDescription
When accessibility is activated, the assigned text is added to the tooltip. This description provides semantic details of the UI element and is only read by the screen reader if the user focuses the complete Ul element.
● dataSource
Specifies the path to the context node that represents the vertical axis of the HierarchicalCalendarMonthView. Each node element represents a row in the hierarchical calendar.
● expandable
Determines whether the current node can be expanded.
● expanded
Determines whether the current node is expanded.
● firstVisibleDate
Specifies which date is displayed as the first date.
● ignoreAction
Specifies whether the node should be displayed as link. If you set ignoreAction to true, the user cannot open the node.
● isLeaf
Determines whether the current row is a leaf or a node.
● legendId
Specifies the ID of the assigned legend.
● showWorkingTime
Determines whether the calendar displays differences between working times and free times.
● text
Determines the text displayed for nodes or leaves in the hierarchical calendar.
● timeZone
Determines the time zone in which entries are displayed. If no time zone is specified, the calendar uses the system time zone.
Name |
Interface |
Type |
Initial Value |
Bindable |
accessibilityDescription |
IWDAbstractCalendar |
String |
|
bindable |
dataSource |
IWDHierarchicalCalendarMonthView |
Object |
|
bindable_mandatory |
Enabled |
IWDUIElement |
boolean |
true |
bindable |
expandable |
IWDHierarchicalCalendarMonthView |
boolean |
true |
bindable |
expanded |
IWDHierarchicalCalendarMonthView |
boolean |
false |
bindable |
firstVisibleDate |
IWDAbstractCalendar |
CctDate |
|
bindable |
ignoreAction |
IWDHierarchicalCalendarMonthView |
boolean |
false |
bindable |
isLeaf |
IWDHierarchicalCalendarMonthView |
boolean |
false |
bindable |
legendId |
IWDAbstractCalendar |
String |
|
bindable |
showWorkingTime |
IWDAbstractCalendar |
boolean |
true |
bindable |
Text |
IWDHierarchicalCalendarMonthView |
|
|
bindable |
timeZone |
IWDAbstractCalendar |
TimeZone |
|
bindable |
Tooltip |
IWDUIElement |
String (TranslatableText) |
|
bindable |
Visible |
IWDUIElement |
WDVisibility |
visible |
bindable |
● onAction
This event is triggered if the user clicks a node.
● onDaySelect (CctDate day)
A click in an empty area of a day fires the event with the day as parameter. Should used to create a new entry.
● onEntrySelect;
This event is triggered if the user clicks an entry.
● onMoreSelect (CctDate day)
A click on the more icons fires this event, with the day as parameter. Should navigate to a detail view of the selected day (CalendarDayView).
To display the tree structure in the first column of the HierarchicalCalendarMonthView, you have to provide a context structure where the context node contains either
● another node, if you want to display a two level hierarchy, or
● a recursive node, if you want to display a hierarchy with more than two levels.