This is a migrated thread and some comments may be shown as answers.

Issue with expanded row grid Actions column in kendo-react

3 Answers 72 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Tisson
Top achievements
Rank 1
Veteran
Tisson asked on 09 Sep 2020, 06:57 AM
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? 

3 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 09 Sep 2020, 10:41 AM

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).

0
Tisson
Top achievements
Rank 1
Veteran
answered on 10 Sep 2020, 11:01 AM
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. 
0
Stefan
Telerik team
answered on 11 Sep 2020, 08:21 AM

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).

Tags
General Discussions
Asked by
Tisson
Top achievements
Rank 1
Veteran
Answers by
Stefan
Telerik team
Tisson
Top achievements
Rank 1
Veteran
Share this question
or