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

Client-Side Events

Pane 0
Pane 1-0
Pane 1-1
Pane 1-2

Trace Events:

This demo illustrates the capabilities of our client-side event technology. All client-side events available in the DevExpress MVC Splitter extension are traced in the demo. To trigger these events, start to resize panes or collapse/expand them. In this demo, you can toggle options to specify whether corresponding client-side events are traced.

Client-side events are triggered in response to specific user actions performed on the client side (in particular, when sizing panes or toggling their collapsed state). 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 must 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\MVCxNavigationAndLayoutDemos