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

Client-Side Events

DevExpress MVC Extensions include the following: data grid, menu, navigation bar, tab control, popup control, and many more.

Trace Events:

This demo illustrates the capabilities of our client-side event technology. All available client-side events are traced in this demo. Click an icon next to a product name to invoke an associated popup window.

Client-side events are triggered in response to specific user actions executed on the client side (in particular, when invoking or hiding a popup window). 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 code handling directly or the name of a handling function. This function should be defined either 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 the handler to the web control on the client side.

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\MVCxDockAndPopupsDemos