Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
485
Display Processing Image ....
posted

Hi All,

My grid contains large data around 66000 rows with Paging enabled.

I need to display some processing image whenever grid is in processing mode after any action (Sorting,groupinf,Paging etc..).

I have tried with EnableProgressIndicator but it not working.

Please help me ...

 

Thanks.

  • 55
    posted

    HI Raju

    May be this following code might be useful for you or for other person who are having same type of problems.

     

     

     

     

    <

     

    asp:ScriptManager ID="ScriptManager1" runat ="server"/>

     

     

    <script type="text/javascript" language="javascript">

    Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);

    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

     

     

    function BeginRequestHandler(sender, args) {

     

    // get the update progress div

     

     

     

     

    var updateProgressDiv = $get('updateProgressDiv');

     

     

    // make it invisible

    updateProgressDiv.style.display = ''

    ;

    }

     

     

     

    function EndRequestHandler(sender, args) {

     

     

     

     

     

    // get the update progress div

     

     

    var updateProgressDiv = $get('updateProgressDiv');

     

     

    // make it invisible

    updateProgressDiv.style.display =

    'none';

    }

     

     

    </script>

     

    Here is the DIV

     

     

     

     

     

     

     

     

    <div id="updateProgressDiv" class="updateProgress" style="display:none" >

     

     

    <div align="center" style="margin-top: 13px;">

     

     

    <img src="../images/progress.gif" alt="" />

     

     

    <div class="updateProgressMessage">

    Processing ...

     

     

    </div>

     

     

    </div>

     

     

    </div>