I have a button added to a igGrid column. When I call deleteRow() for the selected row, I want to have that button disabled (un-clickable). How can it be achieved?
Note that I cannot make the column with button hidden because the entire grid has more than one row and some are editable (non-deleted row).
Thanks!
Hi Erica,
This can be achieved by adding disabled attribute to the button. In order to add the attribute (to the button) you need a way to identify the button. The easiest way is by attaching data-* attribute with the value of the Primary Key of the row.
Attached you can find a sample which demonstrates the described solution.
Hope this helps,
Martin Pavlov
Infragistics, Inc.
Thank you for the quick response. I got it working by doing the following to disable all buttons on a selected row after deleteRow() is called:
var row = $("grid1").igGrid("selectedRow");
row.element.find("input[type=button]").attr("disabled", "disabled");