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

Grid: How to "use cells wisely" when using React Wrapper

3 Answers 75 Views
Wrappers for React
This is a migrated thread and some comments may be shown as answers.
Matthew
Top achievements
Rank 1
Matthew asked on 09 Nov 2018, 01:59 PM

In the link here: https://www.telerik.com/blogs/how-to-get-the-best-grid-performance

The following is suggested under the "Use Editors or Widgets in Cells Wisely" section:

"At this point we decide to prevent the rebinding of the Grid after each change by removing the two-way binding and by changing the dataItem values manually (changing the properties without using the “set” method and setting the dirty property to true). Great, now we can edit multiple records without re-rendering the Grid"

This obviously refers to the Jquery Kendo Grid.

How would one achieve the same thing using the React Wrapper? 

3 Answers, 1 is accepted

Sort by
0
Matthew
Top achievements
Rank 1
answered on 09 Nov 2018, 02:02 PM
(The reason I ask is because whenever I change the value of a DropDownList inside the Grid, it unmounts and remounts every DropDownList in the entire Grid)
0
Stefan
Telerik team
answered on 12 Nov 2018, 08:31 AM
Hello, Matthew,

Could you please share the implementation where the DropDownList is unbound, as I can assume that this could be caused by the manual updates and the React updates cycles?

Also, if the point is to have all editors at the same time and allow multiple editing, please check our Native Grid and its all edit example which can prove helpful in this case:

https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-all-cell/

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Matthew
Top achievements
Rank 1
answered on 12 Nov 2018, 10:34 AM
Thanks Stefan. The methodology used in the link you provided helped me to resolve the issue.
Tags
Wrappers for React
Asked by
Matthew
Top achievements
Rank 1
Answers by
Matthew
Top achievements
Rank 1
Stefan
Telerik team
Share this question
or