Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Client-Side Events

  • Home
    v
  • Products
    v
  • Downloads
    v
  • Support
    v
Clear
Trace 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.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxNavigationAndLayoutDemos