Data grid in a form

Thread ID:	Created:	Updated:	Platform:	Replies:
145166	Jun 11,2019 12:37 AM UTC	Jun 13,2019 04:40 AM UTC	ASP.NET Core - EJ 2	1

Subscribe to this post

Tags: DataGrid

Sanjay

Asked On June 11, 2019 12:37 AM UTC

Is it possible to submit data grid as part of the form submission process?

Case:

User adds items to data grid.

User updates other information ( such as name, address, phone number ) .

User clicks on submit button

Thanks

Sanjay

Reply | Reply with quote

Hariharan J V [Syncfusion]

Replied On June 13, 2019 04:40 AM UTC

Hi Sanjay,

We have bound the EJ2 Grid inside of form and you can perform CRUD operation in the EJ2 Grid. You can access the grid row data details when submit button click action using the getCurrentViewRecords method.

Please refer the below code example and sample for more information.

[index.cshtml]

@Html.TextBox("Name")

@Html.Label("Name", "Name", new { @class = "e-float-text e-label-top" })

</div>

@Html.TextBox("Address")

@Html.Label("Address", "Address", new { @class = "e-float-text e-label-top" })

</div>

@Html.TextBox("PhoneNumber")

@Html.Label("Phone Number", "PhoneNumber", new { @class = "e-float-text e-label-top" })

</div>

<ejs-grid id="Grid" allowPaging="true" dataSource="ViewBag.datasource" height="300" 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-columns>

</ejs-grid>

</div>

</div>

<ejs-button id="submitBtn" content="Submit"></ejs-button>

</div>

document.getElementById("submitBtn").addEventListener("click", function (args) {

var grid = document.getElementsByClassName("e-grid")[0].ej2_instances[0];

var rowsDetails = grid.getCurrentViewRecords(); // get the presented grid rows

console.log(rowsDetails);

})

</script>

Sample link: http://www.syncfusion.com/downloads/support/forum/145166/ze/EJ2GridDTVrules-12062019-1796583682.zip

Please get back to us, if you have any concern.

Regards,

Hariharan

Reply | Reply with quote

Data grid in a form

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US