SuccessorsTab
A tab inside the scheduler task editor or gantt task editor showing the successors of an event or task.
The tab has the following contents by default:
| Widget ref | Type | Weight | Description |
|---|---|---|---|
grid |
Grid | 100 | Shows successors task name, dependency type and lag |
> id* |
Column | - | Id column |
> name* |
Column | - | Name column, linked task |
> type* |
Column | - | Dependency type column |
> lag * |
DurationColumn | - | Duration column |
toolbar |
Toolbar | - | Control buttons in a toolbar docked to bottom |
> add |
Button | 210 | Adds a new successor |
> remove |
Button | 220 | Removes selected outgoing dependency |
- *
- Columns are kept in the grids column store, they can be customized in a similar manner as other widgets in the editor
- >
- first level of submenu
const scheduler = new SchedulerPro({
features : {
taskEdit : {
items : {
successorsTab : {
items : {
grid : {
columns : {
// Columns are held in a store, thus it uses `data`
// instead of `items`
data : {
name : {
// Change header text for the name column
text : 'Linked to'
}
}
}
}
}
}
}
}
}
});
Customize the dependency type picker to show only certain dependency types
You can customize which dependency types to show in the picker by filtering the picker store. For example, to show only Finish-to-Start and Start-to-Start types:
features : {
taskEdit : {
items : {
successorsTab : {
items : {
grid : {
columns : {
data : {
type : {
editor : {
type : 'dependencytypepicker',
store : {
filters : [{
// Show only Finish-to-Start and Start-to-Start
filterBy : record => record.id === DependencyModel.Type.EndToStart || record.id === DependencyModel.Type.StartToStart
}]
}
}
}
}
}
}
}
}
}
}
},
Configs
94
Configs
94Common
listenersEvents
CSS
borderContainer
clsWidget
colorWidget
contentElementClsWidget
htmlClsWidget
itemClsContainer
styleWidget
uiWidget
DOM
adoptWidget
appendToWidget
contentWidget
datasetWidget
htmlWidget
idWidget
insertBeforeWidget
insertFirstWidget
tagWidget
titleWidget
Float & align
alignWidget
anchorWidget
centeredWidget
constrainToWidget
draggableWidget
floatingWidget
hideAnimationWidget
maximizeOnMobileWidget
positionedWidget
scrollActionWidget
showAnimationWidget
xWidget
yWidget
Layout
alignSelfWidget
dockWidget
flexWidget
heightWidget
hiddenWidget
hideWhenEmptyContainer
layoutContainer
layoutStyleContainer
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
textAlignWidget
weightWidget
widthWidget
misc
tabBarItemsContainer
Misc
bubbleEventsEvents
dataFieldWidget
defaultBindPropertyWidget
disabledWidget
elementAttributesWidget
ignoreParentReadOnlyWidget
localeClassLocalizable
localizableLocalizable
localizablePropertiesLocalizable
maskDefaultsWidget
maskedWidget
monitorResizeWidget
ownerWidget
preventTooltipOnTouchWidget
readOnlyWidget
refWidget
rippleWidget
rootElementWidget
showTooltipWhenDisabledWidget
tabWidget
tooltipWidget
Other
callOnFunctionsWidget
columnWidget
defaultFocusContainer
dependencyIdFieldDependencyTab
inputFieldAlignContainer
labelPositionContainer
renditionContainer
rtlRTL
spanWidget
taskComboSortFieldDependencyTab
Scrolling
scrollableWidget
Properties
85
Properties
85Class hierarchy
Identifies an object as an instance of SuccessorsTab class, or subclass thereof.
Identifies an object as an instance of SuccessorsTab class, or subclass thereof.
isContainerContainer
isDelayableDelayable
isDependencyTabDependencyTab
isEditorTabEditorTab
isEventLoaderEventLoader
isEventsEvents
isKeyMapKeyMap
isLocalizableLocalizable
isRTLRTL
isWidgetWidget
CSS
clsWidget
DOM
appendToWidget
contentWidget
contentElementWidget
datasetWidget
elementWidget
focusableElementWidget
focusElementWidget
htmlWidget
idWidget
insertBeforeWidget
insertFirstWidget
overflowElementWidget
styleWidget
Layout
alignSelfWidget
flexWidget
heightWidget
layoutContainer
layoutStyleContainer
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
scrollableWidget
widthWidget
Misc
callOnFunctionsEvents
cellInfoWidget
disabledWidget
localeHelperLocalizable
localeManagerLocalizable
readOnlyWidget
refWidget
tabWidget
tooltipWidget
Other
columnWidget
firstItemContainer
hasChangesContainer
inputFieldAlignContainer
isSettingValuesContainer
isValidContainer
itemsContainer
labelPositionContainer
lastItemContainer
renditionContainer
rtlRTL
spanWidget
valuesContainer
Widget hierarchy
containsFocusWidget
nextSiblingWidget
ownerWidget
parentWidget
previousSiblingWidget
visibleChildCountContainer
widgetMapContainer
Functions
67
Functions
67Configuration
Events
detachListenersBase
Misc
animatePropertyBase
callbackBase
downloadTestCaseBase
resolveCallbackBase
updateLocalizationLocalizable
Other
addContainer
addListenerEvents
announceAriaLiveWidget
composeWidget
createOnFrameDelayable
disableWidget
enableWidget
exitFullscreenWidget
focusWidget
getAtContainer
getWidgetByIdContainer
hasListenerEvents
insertContainer
maskWidget
onEvents
processWidgetConfigContainer
recomposeWidget
relayAllEvents
removeContainer
removeAllContainer
removeAllListenersEvents
removeListenerEvents
requestFullscreenWidget
resetValuesContainer
resumeEventsEvents
revertFocusWidget
setValuesContainer
suspendEventsEvents
triggerEvents
unEvents
unmaskWidget
Widget hierarchy
closestWidget
containsWidget
eachAncestorWidget
eachWidgetWidget
ownsWidget
queryWidget
queryAllWidget
upWidget
Events
16
Events
16beforeDestroyEvents
beforeHideWidget
beforeSetRecordContainer
beforeShowWidget
catchAllEvents
destroyEvents
dirtyStateChangeContainer
elementCreatedWidget
focusInWidget
focusOutWidget
hideWidget
paintWidget
readOnlyWidget
recomposeWidget
resizeWidget
showWidget
Event handlers
16
Event handlers
16onBeforeDestroyEvents
onBeforeHideWidget
onBeforeSetRecordContainer
onBeforeShowWidget
onCatchAllEvents
onDestroyEvents
onDirtyStateChangeContainer
onElementCreatedWidget
onFocusInWidget
onFocusOutWidget
onHideWidget
onPaintWidget
onReadOnlyWidget
onRecomposeWidget
onResizeWidget
onShowWidget
Typedefs
6
Typedefs
6AlignSpecWidget
BryntumListenerConfigEvents
CellWidgetContextWidget
ColorWidget
DelayableConfigDelayable
KeyMapConfigKeyMap