Issue with expanded row grid Actions column in kendo-react

4 posts, 0 answers
  1. Tisson
    Tisson avatar
    12 posts
    Member since:
    Jun 2020

    Posted 09 Sep 2020 Link to this post

    I am implementing a grid which is having expanded grid from parent grid and in the expanded grid i am having action column associated with each row which will be having action column like "Edit/delete/view". And all the methods for action column are in parent class. I am facing issue with the action ("Edit/delete/view") for the expanded column because as per kendo-react docs we suppose to implement the expanded grid in another class. Please provide me some solution? 
  2. Stefan
    Admin
    Stefan avatar
    3039 posts

    Posted 09 Sep 2020 Link to this post

    Hello, Tisson,

    This can be done using a custom function that will pass the built-in props plus any additional props. 

    Please check this forum post on a similar topic:

    https://www.telerik.com/forums/passing-props-to-detail-row-component

    I hope this is helpful.

    Regards,
    Stefan
    Progress Telerik

    Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive , special prizes and more, for FREE?! Register now for DevReach 2.0(20).

  3. Tisson
    Tisson avatar
    12 posts
    Member since:
    Jun 2020

    Posted 10 Sep 2020 in reply to Stefan Link to this post

    The solution what you have provided not solving the issue.It is throwing error for undefined methods. So i am trying to access the methods which are defined in parent class because i am expending the grid from parent grid. And the action items like "Edit/Delete" are in the expended grid. And according the kendo-react docs we suppose to implement the expanded grid in another class. 
  4. Stefan
    Admin
    Stefan avatar
    3039 posts

    Posted 11 Sep 2020 Link to this post

    Hello, Tisson,

    This can be done by using a helper function that will render the detail component and pass it an additional props.

    This is an example of how it can be done:

    https://stackblitz.com/edit/react-fnjcnv?file=app/main.jsx

    The same approach can be used to pass any props, like functions, data, etc.

    Also, the example in the previous link is working as expected on my end, could be please share where it is showing the undefined error.

    I hope this is helpful.

    Regards,
    Stefan
    Progress Telerik

    Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive , special prizes and more, for FREE?! Register now for DevReach 2.0(20).

Back to Top