Hi
JyongXuan Liu,
Greetings
from Syncfusion support.
Based
on the information provided, it appears that you are encountering an issue with
deleting newly added records in the Syncfusion Grid. After analyzing the code
example you shared, we noticed that the visible property of the
primary key column in the Syncfusion Grid is set to false. This means the
primary key column is not displayed in the UI.
In
the Syncfusion Grid, CRUD (Create, Read, Update, Delete) actions are performed
based on the primary key column. When a new record is added, if the primary key
column is not visible, the primary key for the new record may not be included,
resulting in a null ID value when attempting to delete the newly
added record.
To
address this issue, you can dynamically update the primary key value in
the actionBegin event when the primary key column’s visibility
is set to false. Below is a code example and a video demonstration for
more information:
|
Index.cshtml
<script>
let primaryKeyCounter = 1;
function actionBegin(args)
{
if (args.requestType === 'add') {
// Assign a new
primary key value programmatically for primary key column
args.data.EmployeeID = primaryKeyCounter;
primaryKeyCounter++; // Increment the counter for the next record
}
}
</script>
|
Sample
and vide demonstration: Please find in the attachment.
Additionally,
you can handle the dynamic generation of the primary key value on the server
side. However, it is essential to ensure that the primary key value is set for
newly added records, as the Grid relies on this value to perform CRUD actions.
API
References:
actionBegin
If
you need any other assistance or have additional questions, please feel free to
contact us.
Regards
Aishwarya
R
Attachment:
195263SampleAndVideo_58708e7d.zip
