Navigation and Layout - Splitter 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.

Version: v2017 vol 1.7
Copyright © 2006-2017 Developer Express Inc
Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support).

All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.