Data Grid Pagination

[Arsene]

Hello geeks,

I have an issue concerning the pagination. I set the paging features for the grid but when I move to the next page there is no link to come back to the previous. Can you please assist me. This is the code I used:

$("#users-list").kendoGrid({
        dataSource: {
            transport: {
                read: "<%=request.getContextPath() %>/UsersServlet?action=8"
            },
            schema: {
                data: "data",
                total: "total"
            },
            pageSize: 2
        },
        columns: [ 
                  { title: "Full Name", field: "fullName" },                   
                   { title: "User Name", field: "userName" }, 
                   { title: "Status", field: "status" },   
                   { title: "Expiry Date", field: "expiryDate" },                   
                   { title: "Creator", field: "createdBy"},
                   { title: "Creation Date", field: "creationDate" }
                 ],
        scrollable: false,
        pageable: true,
        sortable: true,
        filterable: true,
        
    });
});


I have two records in the result

[Nikolay Rusev]

Hello Arsene,

You will have to set serverPaging: true of the DataSource and make sure that the response from server has total field with the amount of the items.

Regards,
Nikolay Rusev
the Telerik team

[Arsene]

Hello Nikolay, 


I do not want to paginate from the server. I have fetched all the data from the server and I would like to do the pagination from the client side. That is how come I got the error I am reporting.

[Mangesh]

Hi Arsene,

I guess replacing total with the following code will help you,

total: function (result) {
                            result = result.data || result;
                            return result.length;
                        }

But for this , you have to set serverpaging to true
try this, and let me know how do you going with it?

Thanks,
Mangesh

[Arsene]

Hi Mangesh,

I did what you asked me. The pagination index is working.
However I have all the data I have fetched from the database on the page instead of seeing them paginated.

[Nikolay Rusev]

Hello Arsene,

See the example bellow on how to implement client paging with remote binding:
http://jsfiddle.net/FEHFB/

Things to notice in this example is the implementation of the data and total functions of the DataSource.

All the best,
Nikolay Rusev
the Telerik team

[Arsene]

Hello,

The pagination is working fine. Now Rusev can you please help me achieve edit on the page. What I wan is I would like to hide the record id in a hidden field, put a edit button on the grid for each row an when the user clicks on that button I can retrieve the row id through jquery and perform the edit.

If you have any better way of doing it educate me.

Thank you

[Arsene]

I got it don. Thank you

[Mark]

Hi,
how to write the php code while server paging is true?
Thanks,
Mark