How to show a loading sign for excel-like filtering in RadGrid

1 posts, 0 answers
  1. Marin
    Marin  avatar
    15 posts
    Member since:
    Jul 2012

    Posted 11 Jun Link to this post

    Requirements

    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.

     

Back to Top