Call Javascript function on Page Size change or Page Index change

[Bernard]

Hi,

I am trying to call a Javascript function which will trigger a 'loading screen' when user clicks on controls on the RadGrid Pager, which includes changing the page index or page size.

There is no 'OnPageIndexChanging' or 'OnPageSizeChanging' events from RadGrid which would be able to handle these. Is there any way else I can achieve the above?

'OnPageIndexChanged' or 'OnPageSizeChanged' doesn't work as it is only triggered when the grid has finished loading.

Thanks.

[Princy]

Hi Bernard,

A suggestion is that you can subscribe to the OnCommand client event of the grid and check if the command name is Page and PageSize to to accomplish your requirement.

ASPX:

<ClientSettings>
  <ClientEvents OnCommand="OnGridCommand"  />
</ClientSettings>

JS:

<script type="text/javascript">
    function OnGridCommand(sender, args) {
        if (args.get_commandName() == "Page")
            alert("Page Index Changed");
        else if (args.get_commandName() == "PageSize")
            alert("Page Size Changed");
    }
</script>

Thanks,
Princy

[Bernard]

Thanks, it does work.

I was thinking is there a way we can accomplish this from code-behind as well?

Thanks.

[Princy]

Hi Bernard,

As far as I know its not possible to accomplish this events from the server side. To be familiar with the server and client side events please have a look into the following documentation:
RadGrid Events
Getting Familiar with Client-side API

Thanks,
Princy