|
|
|
|
|
AJAX Features
ASP.NET Essential Grid comes with built-in AJAX support. By turning on the Enable Callback command the grid operates in AJAX mode. Sorting, grouping, resizing and other commands will then operate through AJAX callbacks instead of postbacks.
|
|
|
|
The grid has built in support to use AJAX callbacks to refresh itself with new data while the user sorts, groups or pages. Enable this feature by checking the Enable Callback option.
The grid also renders a professionally designed Loading Indicator when the callback is being processed.
Click Column Header to Sort Grid - Before Callback
Reload of Grid with Sorted Data - During Callback
Grid Sorted by 'Contact Title' Column - After Callback
|
|
|
|
Additional grid functions which need to be processed before or after a Callback request is sent to the server. These can be included in the Grid Grouping Control before or after processing the Callback results by means of scripting. The Callback Return Event Handler on the client will execute this script.
This feature has been illustrated below. The Combo box displays the filter options for the 'Contact Title' column. Changing this value will trigger filtering of grid records by the selected Combo box value.
Select Filter Option to Raise Callback Request
Combo box Disabled - Before Callback Results
Filtered Data After Callback Results - Combo box Enabled
|
|
|
|
The grid contents can be refreshed via Callback without the need for AJAX frameworks. However, if you want to update the grid along with the other controls then you can host the grid inside the ASP.NET Essential Tools Callback Panel or ASP.NET AJAX Update Panel.
|
|
|
|
When the callback is being processed, the grid supports the display of a 'Loading...' indicator to the user, which keeps the user updated on the status.
Grid Showing Loading Indicator on Callback
|
|
|
|
|
|
|
|