Get row data
1 Reply
Hi Tarik,
Thanks for contacting Syncfusion support.
Based on your shared information we suspect that you want to send row data to the controller when clicking the external button. We have achieved your requirement by getting row data using getRowInfo, getRowByIndex methods and sending that row data details to the controller using ajax call. Using this you can send row data to controller as per your needs. Please refer to the below code and sample link.
|
<ejs-button id="primarybtn" content="Send row data to controller" isPrimary="true"></ejs-button>
<ejs-grid id="Grid" allowPaging="true" load="onLoad" toolbar="@(new List<string>() {"Add", "Edit", "Update", "Delete" })">
. . . . . . .
</ejs-grid>
<script>
var SearchValue;
. . . . . . .
document.getElementById("primarybtn").addEventListener('click', function () {
debugger;
var gridObj = document.getElementsByClassName('e-grid')[0].ej2_instances[0];
SearchValue = gridObj.getRowInfo(gridObj.getRowByIndex(gridObj.getRowIndexByPrimaryKey(10001)))
var ajax = new ej.base.Ajax({
type: "POST",
url: "/Home/SelectRecord",
contentType: "application/json; charset=utf-8",
});
var data = JSON.stringify({ FilteredValue: SearchValue.rowData });
ajax.send(data).then();
ajax.onSuccess = result => {
};
});
</script>
public ActionResult SelectRecord([FromBody]SelectedModel row)
{
//perfoerm your action here as per your needs.
return Json(row);
}
public class SelectedModel
{
public object FilteredValue { get; set; }
} |
Note: To perform Edit actions in EJ2 Grid, Grid must have at least one primary column. But in your shared code information you missed to define primary key column.
Editing feature requires a primary key column for CRUD operations. To define the primary key, set columns.isPrimaryKey to true in particular column.
Sample link: https://www.syncfusion.com/downloads/support/forum/165115/ze/UrlAdaptor-CRUD-NormatEdit-1549548738
Please get back to us, if you need any further assistance.
Regards,
Thiyagu S
SIGN IN To post a reply.
