Telerik Product and Version
|
All versions supporting Excel-like filtering |
Supported Browsers and Platforms
|
All browsers supported by your Telerik UI for ASP.NET AJAX version |
Components/Widgets used (JS frameworks, etc.)
|
Client-side events of the Telerik controls, jQuery |
PROJECT DESCRIPTION
Sometimes loading the checklist (excel-like) filter in the grid may take some time, especially with larger amounts of data or heavy database logic, or on a server under heavy load.
In such cases you may want to present your users with a loading sign where the listbox items will be instead of a blank space.
To do this, you need to:
- hook to the header context menu showing event and add the custom CSS class to the listbox group item
- hook to the GridCreated event to reference the listbox
- bind to the listbox client-side events related to loading items and use those handlers to remove a custom CSS class from the listbox group item
- create a CSS rule that will set the desired loading image to the listbox container
You can find attached below a simple example with code comments.