Edit one item in the Grid at a time with inline editing
Environment
Product Version | 5.12.0 |
Product | Progress® KendoReact |
Description
I want to prevent multiple items to be opened for editing when inline edit mode is used for the Grid. The Add button should also be disabled if there is an item opened for editing.
Solution
This could be achieved by setting the disabled property of the command buttons in the CommandCell for the inline editing. The Add button for new items can be controlled through the disabled property as well.
For tracking which item will have enabled buttons we add disableEdit property to all items that are not being edited at the time and we use that value within the CommandCell for disabling the buttons.
This is an example showcasing how to limit the value: