In inLine Edit Field when Adding new Line or create multiple lines with the add new button the input field is duplicating when editing one field. ie, You can now type on the different input and observe duplicates
But i needEvery single inputs here needs to be unique.
1 Answer, 1 is accepted
Hi Mohammed,
The issue that you are describing is due to the fact that the changes in the items are applied based on their ID field and since the new items in the demo in question do not have unique ID, adding multiple items will result in having multiple items with the same ID (null) and the onItemChange event will update all of those items. In order to avoid this behavior you need to assign unique ID to the newly added items.
Hope this helps.
Regards,
Konstantin Dikov
Progress Telerik
Rank 1
Is there any other alternative ideas for resolving this issue other than you provide?
Hi Mohammed,
Another option would be to disable the toolbar if there is active editing within the Grid. I have prepared an example demonstrating how to disable the header of the Grid:
As you will notice, a "disabled" class name is added to the toolbar and the header with the filters if there is active editing:
<style>
.disabled{
pointer-events: none;
}
Rank 1
Hi Mohammed,
The example that I have shared still uses KendoReact Grid, but with some customization for disabling the editing/add new when an item is in edit mode. If you save the item you will still be able to add another one or edit different items after the previously opened item is updated.
If you want to have multiple items opened for editing at the same time, please ensure that you are adding an unique ID for each new item that you are adding to the Grid, so that they can be identified while editing/updating. Without an unique ID (dataKey field) it will be impossible to update the correct item.
Hope this helps.