DevExtreme jQuery/JS - Handle Events
Subscribe to an Event
You can subscribe to an event using a configuration option. All event handling options are given names that begin with on.
- $("#menuContainer").dxMenu({
- onItemClick: function (info) {
- // Handles the "itemClick" event
- },
- onSelectionChanged: function (info) {
- // Handles the "selectionChanged" event
- }
- });
As a more flexible solution, you can use the on() method. It allows you to subscribe to events at runtime and even to attach several handlers to a single event.
- var menuInstance = $("#menuContainer").dxMenu("instance");
- // Subscribes to the "itemClick" and "selectionChanged" events
- menuInstance
- .on({
- "itemClick": handler1,
- "selectionChanged": handler2
- });
- var menuInstance = $("#menuContainer").dxMenu("instance");
- // Attaches several handlers to the "itemClick" event
- menuInstance
- .on("itemClick", handler1)
- .on("itemClick", handler2);
See Also
Unsubscribe from an Event
To detach a specific handler from an event, call the off(eventName, handler) method.
- var menuInstance = $("#menuContainer").dxMenu("instance");
- // Detaches the "handler1" from the "itemClick" event leaving other handlers (if any) intact
- menuInstance.off("itemClick", handler1)
You can also use this method to detach all handlers from a particular event.
- var menuInstance = $("#menuContainer").dxMenu("instance");
- // Detaches all handlers from the "itemClick" event
- menuInstance.off("itemClick")
If you subscribed to an event using an onEventName option, you can unsubscribe from it by setting this option to undefined.
- var menuInstance = $("#menuContainer").dxMenu("instance");
- menuInstance.option("onItemClick", undefined);
See Also
If you have technical questions, please create a support ticket in the DevExpress Support Center.