Kendo React Grid, build programmatically

2 posts, 0 answers
  1. SoH
    SoH avatar
    9 posts
    Member since:
    Jun 2017

    Posted 16 Jun 2020 Link to this post

    Does anyone know where I could find an example of a Kendo React Grid that is databound programmatically to an API Endpoint data source.

    The paging would be done by passing a page number to the Endpoint.

    I have no idea how to sort or filter the entire dataset if the grid is only showing a subset (page) of the data.

  2. Stefan
    Admin
    Stefan avatar
    3034 posts

    Posted 17 Jun 2020 Link to this post

    Hello,

    This can be seen in our server operation demo:

    https://www.telerik.com/kendo-react-ui/components/grid/data-operations/odata-server-operations/

    This is using oData, but the approach is applicable to other APIs as well.

    The main point is to handle the onDataStageChange event of the Grid, where we will provide an object with the Grid data state, page, sort, filter, etc. Then a request has to be made to the server with those parameters and the data that is returned has to be set to the Grid:

    https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-ondatastatechange

    Also, please have in mind that all data operation has to be done either on the server or on the client, mixing both is not supported as it creates many issues. For example, this is why we cannot perform a full sorting on the client if we only have the current page from the server. The operations have to be done where we have access to the entire data.

    Regards,
    Stefan
    Progress Telerik

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
Back to Top