ASP.NET MVC Editable Grid Recommendations

[olesrelis]

Hi,

We're looking for recommendations on building editable data grids. We'd like it to be free such as WebGrid but fairly easy to implement, maintain and customize.https://xender.vip/

I consider WebGrid to be an option but wanted to get a sense of what the community uses before we start implementing hundreds of pages that we'll need this ability.https://nox.tips/

Much appreciated.

[Ajith Govarthan]

Hi olesrelis, 

 

Thanks for contacting Syncfusion support. 

 

Query: We're looking for recommendations on building editable data grids. We'd like it to be free such as WebGrid but fairly easy to implement, maintain and customize. 

 

Based on your query we suspect that you want to prepare EJ2 Grid sample with Normal editing feature. So, we have prepared sample and in that prepared sample we have used the Normal editing feature.  

 

Using the normal Editing feature, you can perform the CRUD actions in the Grid component. For your convenience we have attached the sample so please refer the sample for your reference. 

 

Code Example: 

Index.cshtml 

 

<ejs-grid id="Grid" allowPaging="true" dataSource="ViewBag.DataSource" toolbar="@(new List<string>() {"Add", "Edit", "Update", "Delete" })"> 

      <e-grid-editSettings allowAdding="true" allowDeleting="true" allowEditing="true" mode="Normal" ></e-grid-editSettings> 

     

    <e-grid-columns> 

        <e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true"  textAlign="Right" width="100"></e-grid-column> 

        <e-grid-column field="CustomerID" headerText="Customer ID" type="string" validationRules="@(new { required= true })" width="120"></e-grid-column> 

        <e-grid-column field="Freight" headerText="Freight" textAlign="Right" format="C2" editType="numericedit" width="120"></e-grid-column> 

        <e-grid-column field="ShipCity" headerText="Ship City" width="150"></e-grid-column> 

    </e-grid-columns> 

</ejs-grid> 

<script> 

 

</script> 

 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/CRUD-NormatEdit_(2)1358992370.zip 

 

UG-Links: 

https://ej2.syncfusion.com/aspnetcore/documentation/grid/ 

https://ej2.syncfusion.com/aspnetcore/documentation/grid/edit/ 

 

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

 

Note: In your query we have found some reference links. In the reference link, we are not able to find the any relevant content for the data grid and the editing feature so please kindly share more details on the mentioned links. 

 

Regards, 

Ajith G.