Client-Side Events

This example demonstrates the capabilities of our client-side event technology. All client-side events exposed by the DevExpress MVC Menu are traced in this demo. Click any menu item or move the mouse pointer over the parent menu items within the menu to initiate client-side events.

The Menu provides advanced client-side event support. Client-side events are triggered in response to specific actions or events on the client, and cover all key functional elements of the menu control. As such, they give you the ability to fully control the client-side behavior of the Menu.

Client-side event handlers represent code written in JavaScript. In order to handle a client-side event, the sender web control provides a property that accepts either handling code directly or the name of a handling function. This function must be defined directly in the page's HTML code or in a separate js file. For each client-side event, there is a specific object with both server and client-side representations. This object automatically renders the necessary JavaScript code to the page and assign it as a handler to the web control on the client side.