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

[Matthew]

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? 

[Matthew]

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

[Stefan]

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

[Matthew]

Thanks Stefan. The methodology used in the link you provided helped me to resolve the issue.