Navigation and Layout - Tab Strip Client-Side Functionality

Page Content Sample
Page Content Sample
Page Content Sample

This example demonstrates available ways to manipulate the DevExpress MVC PageControl extension programmatically on the client using enhanced client-side functionality. The client object of the PageControl extension can be accessed on the client-side by its Name.

The PageControl extension allows a tab’s content to be changed dynamically on the client side by using the SetTabContentHTML method. The GetActiveTab method can be used to access the currently active tab.

The ShowTabContent function displays (in a specific text region) the HTML code which represents the active tab’s content. The content of the active tab is obtained via the GetTabContentHTML method.

The ActiveTabChanged function represents the hander for the ActiveTabChanged client event. The event's argument contains information on the active tab which is used to synchronize the value of the dropdown editor.

A tab can be activated by using the SetActiveTab method. In this demo, each tab is identified using its server-side Name property. In order to obtain a specific tab by its name on the client side, the GetTabByName method is used.

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.