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

Client-Side Events

  • Products

Clear
Trace Events:







This sample demonstrates the capabilities of our client-side event technology. All client-side events exposed by the DevExpress MVC Navigation Bar are traced in this demo. Click any item or expand/collapse a group within the NavBar to initiate client-side events.

Client-side events are triggered in response to specific actions or events on the client side (in particular, to expanding/collapsing a group). 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 should 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, which has both server-side and client-side representations. This object will automatically render 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