Fire javascript alert before changing page

[TANSERI]

Hi all,

I would like to fire a javascript confirm popup when the user wants to change page (by setting a page number or by using previous / next page buttons).

Here is a quick description of the grid :

A user can update some input fields in a grid and a button below the grid lets the user save the values. I would like to prevent him from losing its updated data when he changes page by displaying a javascript confirm popup.

The confirm popup will ask if he really wants to change page and if it is the case, we lauch the postback and we change page. If not, the page change event is canceled and the user can save its values.


Thanks

[Shinu]

Hi Tanseri,

Please try the following code snippet to show confirmation on paging.

ASPX:

<ClientSettings>
 <ClientEvents OnGridCreated="gridCreated" />
</ClientSettings>

JS:

<script type="text/javascript">

    function gridCreated(sender, args) {
        var pagerRow = sender.get_masterTableView().get_element().tFoot;
        var anchors = pagerRow.getElementsByTagName('a');
        for (var i = 0; i < anchors.length; i++) {
            if (anchors[i].className != "rgCurrentPage" && anchors[i].href.indexOf("javascript:__doPostBack") > -1) {
                var clickScript = anchors[i].attributes["onclick"].value;
                anchors[i].onclick = confirmPage;
            }
        }

        var submits = pagerRow.getElementsByTagName('input');
        for (var i = 0; i < submits.length; i++) {
            if (submits[i].type == "submit") {
                submits[i].onclick = confirmPage;
            }
        }
    }

    function confirmPage() {
        return confirm("Are you sure you want to page?");
    }
</script>

Thanks,
Shinu

[TANSERI]

Hi Shinu,

Thanks for replying, actually it worked only for the numeric pager but for the previous / next buttons it did not work so I used the following post to handle the confirm popup.

http://www.telerik.com/community/forums/aspnet-ajax/grid/radgrid-paging---pageindexchanged-event-issue.aspx

Thanks again.