Sending data to server side on each page change

[Liji JosephParticipant]

hi,

Iam trying to send the last row data when user clicks on next page. But the data sent is not changed after next page is selected.
For example:

I have my source :

<script type=”text/javascript”>
gridSource =
{
datatype: “json”,
datafields: [
{ name: ‘CustomerName’, type: ‘string’ },
{ name: ‘rowkey’, type: ‘string’ }
],
url: ‘/home/get’,
data: { lastrowkey : $(“#hdnLastRowKey”).val()}
};

$(“#grid”).on(“pagechanged”, function (event) {
$(“#hdnLastRowKey”).val(“nextRow”);
});
</script>

<input type=”hidden” id=”hdnLastRowKey” value=”firstRow”/>

I always get lastrowkey as “firstRow”, but i want the value to change on each page, in this case value should have been “nextRow”.

What am i doing wrong?

[DimitarParticipant]

Hi Liji Joseph,

You can try sending the data with an Ajax call, i.e.:

$("#grid").on("pagechanged", function(event) {
    $("#hdnLastRowKey").val("nextRow");

    $.ajax({
        type: "POST",
        url: '/home/get',
        data: {
            lastrowkey: $("#hdnLastRowKey").val()
        }
    });
});

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts