How to get newly inserted row data from endadd event in grid?

[Muhammad Zeshan]

I am trying to get newly inserted rowdata(cell values) from endadd event of grid and trying to send it to webapi. I look every where in documentation but not find any way to process the args parameter. Below are code snippets.

var dataManager = ej.DataManager({
    url: "http://localhost:1895/api/customer",
    crossDomain: true,
    adaptor: new ej.WebApiAdaptor(),
    offline: true,
}); 


$("#grid").ejGrid({
    dataSource: dataManager,
    //allowFiltering: "true",
    allowResizing: "true",
    endAdd: senddatatoserver, // endadd event handler

    allowGrouping: "true",
    isResponsive: "true",
    allowResizeToFit: "true",
    allowPaging: "true",
    allowScrolling: "true",
    allowSorting: "true",
    allowReordering: "true",
    recordClick: function getInfo(args) {
        if (args.target.classList.contains("e-rowcell")) {
            console.log(this.ej2_instances[0].getRowInfo(args.target));  // for getting row info based on click
        }
    },
    allowMultiSorting: "true",
    allowSearching: "true",
    enableResponsiveRow: "true",
    contextMenuSettings: {enableContextMenu: true},
    enableHeaderHover: "true",
    enableAltRow: "true",
    enableRowHover: "true",
    scrollSettings: {width: screen.availWidth},
    pageSettings: {pageSize: 10},
    editSettings: {allowAdding: "true", allowDeleting: "true", allowEditing: "true"},
    toolbarSettings: {
        showToolbar: true,
        toolbarItems: [ej.Grid.ToolBarItems.Add, ej.Grid.ToolBarItems.Edit, ej.Grid.ToolBarItems.Delete, ej.Grid.ToolBarItems.Search, ej.Grid.ToolBarItems.Update, ej.Grid.ToolBarItems.Cancel]
    },

}); 

var func = function senddatatoserver(args) {
    $("#dialog").ejDialog(
        {
            actionButtons: ["close"],
            title: "Record added",
        }
    );
    $("#addcontent").text("Row Inserted Succesfully" + a); 

//how to process args to get newly inserted row and send to the webapi as post request.

};

[Farveen Sulthana Thameeztheen Basha]

Hi Muhammad, 

Thanks for contacting Syncfusion Support. 

Query#:- I am trying to get newly inserted rowdata(cell values) from endadd event of grid and trying to send it to webapi. 

We have checked your query and by default while using webAPI adaptor after hitting the post request, endAdd method will get trigger. You can get the inserted data after the returning the post request.  So before proceeding your query we need some more additional details to find the cause of the issue. Share us the following details. 

1. For which purpose you need to send inserted data to server side.(Do you need to perform any operations on server end).
2. Exact scenario you need to achieve.

Regards, 

Farveen sulthana T 

[Muhammad Zeshan]

Scenario: When I insert data in grid it just add in grid no post request is made to webapi. I want to achieve, getting data from endadd event(newly inserted row) and send it to webapi to insert in database.

Problem: I don't know how to get values of newly inserted row from args object in endadd event.

What solution I want: Just show me way how to get newly inserted row data of grid in endadd event via event args object.

Thankyou.

[Farveen Sulthana Thameeztheen Basha]

Hi Muhammad,  

 

 Query#:- What solution I want: Just show me way how to get newly inserted row data of grid in endadd event via event args object. 

 

 You can get the newly inserted row data on endAdd event through args.data or else from args.rowData. 

 

 Refer to the screenshot:- 

   

 

API Link:- https://help.syncfusion.com/api/js/ejgrid#events:endadd 

 

Please get back to us if  you need any further assistance. 

 

Regards, 

Farveen sulthana T