After adding onSelectPage event to datagrid pages does not change on datagrid

[aerdem]

I am using EasyUI for jQuery.
I have a datagrid with

Code:

pagination:true

Everything works fine with datagrid.

I want to reset a variable when page of the datagrid changes. 
In order to accomplish this I added following

Code:

 
                $('#dgParent').datagrid('getPager').pagination({
                    onSelectPage:function(pageNumber, pageSize){
                        $(this).pagination('loading');
                        alert('pageNumber:'+pageNumber+',pageSize:'+pageSize+', selectedIndex:'+selectedIndex);
                        selectedIndex=-1;
                        $(this).pagination('loaded');
                    }
                });

when I change the page I see in the alert message that the page number changes. But the page in the screen does not change.
I tried to reload datagrid but nothing changed.

I want to learn what is my problem when onSelectPage event.

Best regards

[jarry]

Please try this code instead.

Code:

$('#dg').datagrid('getPager').pagination({
    onSelectPage: function(pageNumber,pageSize){
        console.log('pageNumber:'+pageNumber+',pageSize:'+pageSize)
        $.extend($('#dg').datagrid('options'),{
            pageNumber: pageNumber,
            pageSize: pageSize
        })
        $('#dg').datagrid('reload')
    }
})