JavaScript/jQuery ButtonGroup Events
This section describes events that the ButtonGroup widget raises.
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
contentReady
Raised when the widget's content is ready.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | The widget's instance. | |
| element | The widget's container. It is an HTML Element or a jQuery Element when you use jQuery. | |
| model | The model data. Available only when using Knockout. | 
Main article: onContentReady.
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
disposing
Raised before the widget is disposed of.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | The widget instance. | |
| element | The widget's container. It is an HTML Element or a jQuery Element when you use jQuery. | |
| model | The model data. Available only if you use Knockout. | 
Main article: onDisposing
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
initialized
Raised only once, after the widget is initialized.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | The widget's instance. | |
| element | The widget's container. It is an HTML Element or a jQuery Element when you use jQuery. | 
Main article: onInitialized
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
itemClick
Raised when a button is clicked or tapped.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | The widget's instance. | |
| element | The widget's container. | |
| event | Event (jQuery or EventObject) | The event that caused the function to execute. It is a dxEvent or a jQuery.Event when you use jQuery. | 
| itemData | The clicked button's data. | |
| itemElement | The button's container. It is an HTML Element or a jQuery Element when you use jQuery. | |
| itemIndex | The clicked button's index. | |
| model | The model data. Available only if you use Knockout. | 
optionChanged
Raised after a widget option is changed.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| model | The model data. Available only if you use Knockout. | |
| fullName | The path to the modified option that includes all parent options. | |
| element | The widget's container. It is an HTML Element or a jQuery Element when you use jQuery. | |
| component | The widget's instance. | |
| name | The modified option if it belongs to the first level. Otherwise, the first-level option it is nested into. | |
| value | any | The modified option's new value. | 
Main article: onOptionChanged
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
selectionChanged
Raised when a button is selected or selection is canceled.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| addedItems | Array<any> | The data objects that correspond to the selected buttons. | 
| component | The widget's instance. | |
| element | The widget's container. It is an HTML Element or a jQuery Element when you use jQuery. | |
| model | The model data. Available only if you use Knockout. | |
| removedItems | Array<any> | The data objects that correspond to the buttons whose selection has been canceled.  | 
Main article: onSelectionChanged
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
If you have technical questions, please create a support ticket in the DevExpress Support Center.