Edit row modal contains edit controls for all items in the grid

Question

Trying to display an Edit modal after clicking and Edit Command Button that appears on each row in the grid.

However, doing this results in the modal displaying a fully formed edit section for each of the rows in the grid instead of just for the one row that was actually clicked.

Any suggestions?

Roger

Venkatesh Ayothi Raman · Answer

Hi Fausto, 

Thanks for using Syncfusion products. 

The reported issue was reproduced when we missed to define IsPrimaryKey property in unique Grid columns. Since edit/delete operation can be performed based on primary key column. Please refer to the following code example and Help documentation, 
Code example: 





 . .   . 
{ 
    col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").ValidationRules(new { required = "true"}).TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add(); 
.  .   . 
}) 
 

Help documentation: https://ej2.syncfusion.com/16.1.37/aspnet/documentation/grid/edit.html?syntax=razor 
https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_IsPrimaryKey 

Please let us know if you have any further assistance on this and also please confirm whether you are using Essential ASP.Net MVC 1 or Essential ASP.NET MVC 2? 


Regards, 
Venkatesh Ayothiraman.

Fausto · Answer

Awesome.  That did the trick.Thank you,Fausto

Venkatesh Ayothi Raman · Answer

Hi Fausto, 

Thanks for the feedback. 

We are very happy to hear that your requirement is achieved. 

Regards, 
Venkatesh Ayothiraman.