JQXGrid Button Column with Icon Confict

[robynho85Participant]

I have a column in a JQXGrid with an edit function associated and it works fine. The code for the column is:

{ text: ‘Modifica’, datafield: ‘Edit’, columntype: ‘button’, width: 40, cellsrenderer: function () {
return ‘false’;
}, buttonclick: function (row) {
editrowindex = row;
var id = $(“#jqxgrid”).jqxGrid(‘getcellvalue’, row, “Id”);
modificaSelezionato();
}
},

But if i try to put an icon in this button, the click of button is not executed and never appears. The code with icon button is:

{ text: ‘Modifica’, datafield: ‘Edit’, columntype: ‘button’, width: 40, cellsrenderer: function () {
return ‘<div style=”width: 100%;”<imag src=”../../Content/images/trash2.png” style=”margin-left:-12px;margin-top:-12px;” /></div>”;
}, buttonclick: function (row) {
editrowindex = row;
var id = $(“#jqxgrid”).jqxGrid(‘getcellvalue’, row, “Id”);
modificaSelezionato();
}
},

I have write imag for see you the code. The solution is with img

I can’t understand what i must do.

Thank you

[DimitarParticipant]

Hello robynho85,

Thank you for your feedback. As an alternative, you can use a jqxButton Widget Column instead, as shown in the following demo: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/customwidgetscolumn.htm?light. We hope this solution is helpful to you.

Best Regards,
Dimitar

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

[Author]

Posts