Edit grid row data in a separate form

I have a grid similar to the following:

Line #
Customer #
Origin
Destination
1
9987654
Columbus, OH
Akron, OH
2
3275678
Cleveland, OH
Imperial, PA


I need the line # to be a hyperlink which will open an external form where the user can edit the details of the row. There is too much data to display in the grid but the row data will have everything I need to display on the external form for editing. The line number is in the dataset and uniquely identifies the row.

I need to pass the row data to the external form. The user will have the option to save or cancel their changes. When they close the form, they will return to the grid. Some rows will not be editable but if the user selects one of these rows, the external form will open with the data displayed as read only; the user should be able to close the form and return to the grid.

Can I do something like this using the Syncfusion DataGrid?

Thank you


2 Replies 1 reply marked as answer

JC Joseph Christ Nithin Issack Syncfusion Team September 15, 2023 09:33 AM UTC

Hi Michele,


Yes, you can achieve your requirement by using the “Dialog Template Editing” feature which provides the option to create your own editors in a form with additional fields. Please refer to the below documentation and demo link for more information.


Documentation : https://ej2.syncfusion.com/aspnetcore/documentation/grid/editing/template-editing#inline-or-dialog-template-editing

 https://ej2.syncfusion.com/aspnetcore/documentation/grid/editing/template-editing#set-focus-to-editor


Demo                   : https://ej2.syncfusion.com/aspnetcore/Grid/DialogTemplate#/material


You can disable the form/ form elements inside the “actionComplete” event inside which you can access the rendered form.


This editing can be done by double-clicking the row anywhere. If you want to render hyperlinks in a cell you can use the “Column Template” feature.

https://ej2.syncfusion.com/aspnetcore/documentation/grid/columns/column-template



Marked as answer

MH Michele H October 4, 2023 11:27 AM UTC

Thank you!


Loader.
Up arrow icon