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

Example

Personal Information:
Layout Item:Nancy
Layout Item:Davolio
Layout Item:12/8/1970
City:Seattle
Region:WA
Notes:Education includes a BA in psychology from Colorado State University in 1970. She also completed "The Art of the Cold Call." Nancy is a member of Toastmasters International.
Employee
 


This demo illustrates the ease with which you can update page content in response to client-side events via callbacks.

With the MVC Callback Panel, updating page contents (including our extensions) via callbacks is no longer a tedious task. To simplify things, this extension offers unified callback management, allowing its child elements to be updated in one shot. In addition, the Callback Panel extension provides a built-in Loading Panel and Loading Div elements that provide visual feedback whenever a callback is processed. You can customize the appearance of these elements as your needs dictate by using the extension's Images.LoadingPanel, LoadingPanelImagePosition, Styles.LoadingPanel, LoadingPanelText, and Styles.LoadingDiv properties.

In this demo, the Callback Panel extension (see the "ExamplePartial" partial view) contains elements that are used to display personal information on an employee selected within a list box. The Callback Panel's contents are updated on a callback - initiated by the list box's ValueChanged client-side event handler. The callback routing logic is specified via the panel's CallbackRouteValues property. Here's how it works. When the selected employee is changed, the panel's PerformCallback client method is called, passing the selected employee's ID as its parameter. The model is then updated with the employee information that corresponds to the passed ID (see the GetEmployee function). As a result, the CallbackPanel's content is updated with the newly retrieved employee information.

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
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\MVCxMultiUseExtensionsDemos