get Row Data on button click with jqgrid having dynamic id

[sriharshag7Participant]

Hi,
App has a page with multiple jqxgrids. Id of each grid is dynamically generated.
There is a button in each row of grids. On click of button, i need to figure out row data. If we have id of the grid, it is straight forward.
But how do we get the row data if we don’t know the corresponding grid id?

columns: [

{ text: ”, dataField: ‘button’, width: ‘8%’, columntype:’button’, cellsrenderer: function () {
return ‘Enter’;
}, buttonclick: function (row, event) {
// id = $(“unknown”).jqxGrid(‘getrowid’, row);

}
}

[sriharshag7Participant]

Followed below way to get row data. Not sure if this is the optimal way to achieve it.
All grids were starting with similar id.

{ text: '', dataField: 'button', width: '8%', columntype:'button', cellsrenderer: function () {
		                     return 'Enter';
		                 }, buttonclick: function (row, event) {

		                     var button = $(event.currentTarget);
		                     var grid = button.parents("[id^=jqxGrid]");
		                     
		                     var rowData = grid.jqxGrid('getrowdata', row);
		                     

		                 }
		              }

[DimitarParticipant]

Hello sriharshag7,

Here is an alternative solution:

buttonclick: function(row, event) {

    var button = $(event.currentTarget);
    var grid = $('#' + this.owner.element.id);

    var rowData = grid.jqxGrid('getrowdata', row);

}

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts