How to delete rows in jqgrid

jqgrid, jquery

Solution

I found a solution to my own problem.

formatter: function (rowId, cellval, colpos, rwdat, _act) {
       var rowInterviewId = colpos.InterviewId.toString();
       return "<input type='button' id='" + rowInterviewId + "' value='delete' class='btn'
       onClick='deleteRecords(this)' />";    
}

i just pass this as a parameter to the button onclick event and on the function call this has all the properties i needed from the button but the most important one being the button id which is the interview ids of the row that the button belongs to.

Problem

I have just begun using jqGrid, and I want to delete rows using a custom delete button. I am using the code snippet below: ``` try { var cellValue; var id; jQuery("#editDataGridList").jqGrid({ datatype: "local", width: 900, height: 270, colNames: ['Action', 'Interview id', 'Date of observation', 'Name of enumerator'], onSelectRow: function (id) { debugger; var rowData = jQuery(this).getRowData(id); cellValue = rowData['InterviewId']; }, colModel: [ { name: 'actions', index: 'InterviewId', sortable: false, formatter: function (rowId, cellval, colpos, rwdat, _act) { return "<input type='button' id='btnid' value='delete' class='btn' onClick='deleteRecords(" + cellValue + ");' />"; } }, { name: 'InterviewId', index: 'InterviewId' }, { name: 'Date', index: 'Date' }, { name: 'NameOfEnum', index: 'NameOfEnum' } ], multiselect: false, caption: "Edit already entered data" }); } catch (e) { alert(e.message); } ``` The above code uses this function call to pass the selected row value for deletion ``` function deleteRecords(rowData) { alert(rowData); } ``` Unfortunately the rowData value is undefined. How can I use the same structure to delete the rows?

Original source