Expand and Collapse Handlers
Status
Release Available | Status | Framework Name |
---|---|---|
4.2 | Current | Mui and Mint |
General
The following handlers are available to support adding additional functional logic on expand/collapse actions:
The expandAll and collapseAll handlers for Dynamic Container or Card-view and the expandAllGroups and collapseAllGroups handlers for Groups are unavailable for the Mint framework.
Handlers for the Dynamic Container and card-view entry-level expand and collapse
expand - To expand a single entry.
collapse - To collapse a single entry.
expandAll - To expand all entries at once.
collapseAll - To collapse all entries at once.
Handlers for the Group expand and collapse
expandGroup - To expand a single entry.
collapseGroup - To collapse a single entry.
expandAllGroups - To expand all entries at once.
collapseAllGroups - To collapse all entries at once.
"collapse": {
"actions": [
{
"name": "collapseAction" }
]
},
"collapseAll": {
"actions": [
{
"name": "collapseAllAction" }
]
},
"collapseAllGroups": {
"actions": [
{
"name": "collapseAllGroupsAction" }
]
},
"collapseGroup": {
"actions": [
{
"name": "collapseGroupAction" }
]
},
"expand": {
"actions": [
{
"name": "expandAction" }
]
},
"expandAll": {
"actions": [
{
"name": "expandAllAction" }
]
},
"expandAllGroups": {
"actions": [
{
"name": "expandAllGroupsAction" }
]
},
"expandGroup": {
"actions": [
{
"name": "expandGroupAction" }
]
}
{
"name": "expandGroupAction",
"actionType": "normal",
"property": {},
"appearance": {
"label": "expandAction",
"position": "bottom-right",
"render": false,
"style": "primary" },
"confirmation": {
"title": "Expand Action",
"content": "Group is expanded",
"closeText": "Ok",
"cancelOrCloseHandler": {}
},
"successHandler": {},
"failureHandler": {},
"pendingHandler": {},
"handler": {}
},
{
"name": "collapseGroupAction",
"actionType": "normal",
"property": {},
"appearance": {
"label": "collapseAction",
"position": "bottom-right",
"render": false,
"style": "primary" },
"confirmation": {
"title": "Collapse Action",
"content": "Group is collapsed",
"closeText": "Ok",
"cancelOrCloseHandler": {}
},
"successHandler": {},
"failureHandler": {},
"pendingHandler": {},
"handler": {}
},
{
"name": "expandAllGroupsAction",
"actionType": "normal",
"property": {},
"appearance": {
"label": "expandAllAction",
"position": "bottom-right",
"render": false,
"style": "primary" },
"confirmation": {
"title": "Expand All Action",
"content": "All Groups are expanded",
"closeText": "Ok",
"cancelOrCloseHandler": {}
},
"successHandler": {},
"failureHandler": {},
"pendingHandler": {},
"handler": {}
},
{
"name": "collapseAllGroupsAction",
"actionType": "normal",
"property": {},
"appearance": {
"label": "collapseAllAction",
"position": "bottom-right",
"render": false,
"style": "primary" },
"confirmation": {
"title": "Collapse All Action",
"content": "All Groups are collapsed",
"closeText": "Ok",
"cancelOrCloseHandler": {}
},
"successHandler": {},
"failureHandler": {},
"pendingHandler": {},
"handler": {}
},
{
"name": "expandAction",
"actionType": "normal",
"property": {},
"appearance": {
"label": "expandAction",
"position": "bottom-right",
"render": false,
"style": "primary" },
"confirmation": {
"title": "Expand Action",
"content": "Entry is expanded",
"closeText": "Ok",
"cancelOrCloseHandler": {}
},
"successHandler": {},
"failureHandler": {},
"pendingHandler": {},
"handler": {}
},
{
"name": "collapseAction",
"actionType": "normal",
"property": {},
"appearance": {
"label": "collapseAction",
"position": "bottom-right",
"render": false,
"style": "primary" },
"confirmation": {
"title": "Collapse Action",
"content": "Entry is collapsed",
"closeText": "Ok",
"cancelOrCloseHandler": {}
},
"successHandler": {},
"failureHandler": {},
"pendingHandler": {},
"handler": {}
}