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

Callbacks (AJAX)

  • 3D Manhattan Bar
    3D Manhattan Bar This is the Manhattan Bars series view - one of the most popular types among 3D Bar chart types. This series view is useful to display series of individual bars, grouped by category. The height of each bar is determined by the series value.
  • 3D Pie
  • Combination of Bars and Lines
  • Stacked Bars
  • Overlapped Gantt

Note: The sample pictures which are used in this demo were created with our XtraCharts suite.

This sample demonstrates the use of the AJAX-based callbacks implemented by the ASPxNavBar control.

The ASPxNavBar control supports AJAX technology by implementing the ability to load the content of a group from the server via a callback when the group is expanded. This approach allows the navbar to avoid the initial transfer of all its group's data to the client, thus optimizing the page's load time.

In order to enable the use of callbacks, its EnableCallBacks property should be set to true. In this instance, the contents of the collapsed groups are not represented on the client. When a group is expanded for the first time, its content is retrieved from the server and then cached on the client. The next time the group is expanded, its content is taken from the client and no callback to the server is performed.

In addition, this example uses the ASPxPopupMenu to enable all the groups to be expanded or collapsed on the client side (without PostBack). To do this, you can right-click the navbar and select either the 'Expand All' or 'Collapse All' option.

Note that in this example we purposely pause callback processing on the server side for a second in order to make the Loading Panel visible during this time.

Collapse/Expand
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