MonthPicker
A Panel subclass which allows the selection of a month.
The month indicates and sets the currently selected month.
The select event is fired with a 0-indexed value when a different month is selected.
The titleClick event is fired when the panel title is clicked.
Month picker
//<code-header>
fiddle.title = 'Month picker';
//</code-header>
const picker = new MonthPicker({
appendTo : targetElement,
width : '24em',
listeners : {
select : ({ value }) => {
Toast.show(`You picked ${value}`);
},
titleClick : () => Toast.show('You clicked the title bar')
}
});Configs
109
Configs
109Common
listenersEvents
Other
The month to use as the selected month (zero-based, 0-11). Defaults to the current month.
callOnFunctionsWidget
columnWidget
defaultFocusContainer
drawerPanel
inputFieldAlignContainer
labelPositionContainer
renditionContainer
rtlRTL
spanWidget
Content
bbarPanel
defaultsContainer
footerPanel
headerPanel
itemsContainer
lazyItemsContainer
namedItemsContainer
stripsPanel
tbarPanel
textContentContainer
toolsPanel
trapFocusPanel
CSS
bodyClsPanel
borderContainer
clsWidget
colorWidget
contentElementClsWidget
htmlClsWidget
itemClsContainer
styleWidget
uiPanel
DOM
adoptWidget
appendToWidget
contentWidget
datasetWidget
htmlWidget
idWidget
insertBeforeWidget
insertFirstWidget
tagWidget
Float & align
alignWidget
anchorWidget
centeredWidget
constrainToWidget
draggableWidget
floatingWidget
hideAnimationWidget
maximizeOnMobileWidget
positionedWidget
scrollActionWidget
showAnimationWidget
xWidget
yWidget
Layout
alignSelfWidget
collapsedPanel
collapsiblePanel
dockWidget
flexWidget
heightWidget
hiddenWidget
hideWhenEmptyContainer
layoutContainer
layoutStyleContainer
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
textAlignWidget
weightWidget
widthWidget
misc
tabBarItemsContainer
Misc
bubbleEventsEvents
dataFieldWidget
defaultBindPropertyWidget
disabledWidget
elementAttributesWidget
iconPanel
ignoreParentReadOnlyWidget
localeClassLocalizable
localizableLocalizable
localizablePropertiesLocalizable
maskDefaultsWidget
maskedWidget
monitorResizeWidget
ownerWidget
preventTooltipOnTouchWidget
readOnlyWidget
refWidget
rippleWidget
rootElementWidget
showTooltipWhenDisabledWidget
tabWidget
titlePanel
tooltipWidget
Scrolling
scrollableWidget
Properties
95
Properties
95Class hierarchy
Identifies an object as an instance of MonthPicker class, or subclass thereof.
Identifies an object as an instance of MonthPicker class, or subclass thereof.
isContainerContainer
isDelayableDelayable
isEventsEvents
isKeyMapKeyMap
isLocalizableLocalizable
isPanelPanel
isRTLRTL
isStateState
isToolableToolable
isWidgetWidget
Other
The month to use as the selected month (zero-based, 0-11). Defaults to the current month.
columnWidget
firstItemContainer
hasChangesContainer
inputFieldAlignContainer
isSettingValuesContainer
isStatefulState
isValidContainer
itemsContainer
labelPositionContainer
lastItemContainer
renditionContainer
rtlRTL
spanWidget
toolsPanel
valuesContainer
CSS
clsWidget
DOM
appendToWidget
contentWidget
contentElementWidget
datasetWidget
elementWidget
focusableElementWidget
focusElementWidget
htmlWidget
idWidget
insertBeforeWidget
insertFirstWidget
overflowElementWidget
styleWidget
Layout
alignSelfWidget
collapsedPanel
collapsingPanel
expandingPanel
flexWidget
heightWidget
layoutContainer
layoutStyleContainer
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
scrollableWidget
widthWidget
Misc
callOnFunctionsEvents
cellInfoWidget
disabledWidget
localeHelperLocalizable
localeManagerLocalizable
readOnlyWidget
refWidget
tabWidget
titlePanel
tooltipWidget
State
stateState
Widget hierarchy
containsFocusWidget
nextSiblingWidget
ownerWidget
parentWidget
previousSiblingWidget
visibleChildCountContainer
widgetMapContainer
Functions
74
Functions
74Configuration
Events
detachListenersBase
Misc
animatePropertyBase
callbackBase
downloadTestCaseBase
resolveCallbackBase
toggleCollapsedPanel
updateLocalizationLocalizable
Other
addContainer
addListenerEvents
announceAriaLiveWidget
collapsePanelPanel
composeWidget
createOnFrameDelayable
disableWidget
enableWidget
exitFullscreenWidget
expandPanelPanel
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
23
Events
23Fired when a month is selected.
// Adding a listener using the "on" method
monthPicker.on('select', ({ value, source }) => {
});| Parameter | Type | Description |
|---|---|---|
value | Number | The previously selected month. |
source | MonthPicker | This MonthPicker |
Fires when the month title of this Panel is clicked.
// Adding a listener using the "on" method
monthPicker.on('titleClick', ({ source, event }) => {
});| Parameter | Type | Description |
|---|---|---|
source | Button | The clicked button |
event | Event | DOM event |
beforeDestroyEvents
beforeHideWidget
beforeSetRecordContainer
beforeShowWidget
beforeStateApplyState
beforeStateSaveState
catchAllEvents
collapsePanel
destroyEvents
dirtyStateChangeContainer
elementCreatedWidget
expandPanel
focusInWidget
focusOutWidget
hideWidget
paintWidget
readOnlyWidget
recomposeWidget
resizeWidget
showWidget
toolClickPanel
Event handlers
23
Event handlers
23Called when a month is selected.
new MonthPicker({
onSelect({ value, source }) {
}
});| Parameter | Type | Description |
|---|---|---|
value | Number | The previously selected month. |
source | MonthPicker | This MonthPicker |
Called when the month title of this Panel is clicked.
new MonthPicker({
onTitleClick({ source, event }) {
}
});| Parameter | Type | Description |
|---|---|---|
source | Button | The clicked button |
event | Event | DOM event |
onBeforeDestroyEvents
onBeforeHideWidget
onBeforeSetRecordContainer
onBeforeShowWidget
onBeforeStateApplyState
onBeforeStateSaveState
onCatchAllEvents
onCollapsePanel
onDestroyEvents
onDirtyStateChangeContainer
onElementCreatedWidget
onExpandPanel
onFocusInWidget
onFocusOutWidget
onHideWidget
onPaintWidget
onReadOnlyWidget
onRecomposeWidget
onResizeWidget
onShowWidget
onToolClickPanel
Typedefs
7
Typedefs
7AlignSpecWidget
BryntumListenerConfigEvents
CellWidgetContextWidget
ColorWidget
DelayableConfigDelayable
KeyMapConfigKeyMap
PanelHeaderPanel