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

Client-Side Functionality

Page Content Sample
Page Content Sample
Page Content Sample
Active Tab Settings
HTML code to be used as the active page's content:

This example demonstrates how you can manipulate a page control programmatically on the client using enhanced client-side functionality. The client-side programmatic interface is available if the EnableClientSideAPI property is set to true or if there is a handler assigned to any client-side event.

The ASPxPageControl allows a page's content to be changed dynamically on the client side by using the SetTabContentHTML method. This is demonstrated by the SetActiveTabContent function which uses the GetActiveTab method to access the currently active page. (See JS code)

The ShowActiveTabContent function displays (in a specific text area) the HTML code which represents the active page's content. The content of the active page is obtained via the GetTabContentHTML method. (See JS code)

The ActiveTabChanged function represents the hander for the ActiveTabChanged event. The event's argument contains information on the active tab which is used to synchronize the value of the dropdown editor. (See ASPX and JS code)

A specific page can be activated by using the SetActiveTab method. In this demo, each page is identified using its server-side Name property. In order to obtain a specific page by its name on the client side, the GetTabByName method is used. (See JS code, the ChangeActiveTab function)

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
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxNavigationAndLayoutDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxNavigationAndLayoutDemos