[Solved] OnPageIndexChanging event in RadGrid

[Tripati]

Hi Team,

We have a scenario where the entire grid will be editable and the grid will have pagination.

What we are trying to achieve is - Let say user made changes to data on a page 1 and then if user clicks on any other page, we want to show a confirmation dialogue "Do you want to save the changes made..." with Yes - No - Cancel button.
If user selects 'Yes' then data will be saved and navigate to selected page
If user selects 'No' then data will not be saved and navigate to selected page
If user selects 'Cancel' then grid will remain on same page with all the edited data.

I assume if we have OnPageIndexChanging event in RadGrid then it could have been achived, but RadGrid only have OnPageIndexChanged event.

Kindly help on this. We are using Q3, 2011 version.

Regards
Tripati Patro

[Angel Petrov]

Hi Tripati,

In order to accomplish this you can subscribe to the OnCommand client event of the grid and check if the command name is Page. If this requirement is met you can fire a command to apply the changes made by the user. A sample demonstration of this can be observed in the code snippets below:

ASPX:

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

JavaScript:

function OnGridCommand(sender,args) {
            if (args.get_commandName() === "Page") {
                var shouldYouSaveChanges = confirm("Would you like to save the canges");
                if (shouldYouSaveChanges) {
                    sender.get_masterTableView().fireCommand("UpdateEdited", "");
                } else {
                    args.set_cancel(true);
                }
            }
        }

Note that the example uses the JavaScript confirm dialog. You can modify the logic to use a different type of dialog according to your requirements.

Regards,
Angel Petrov
Telerik