Add a link for modifying and deleting jqGrid data rows (one)

I am not using the built-in edit and delete operations of jqGrid here. I have deleted the edits, deletions, and searches in the navigation bar on the page, $ ("# list1 "). navGrid ("# pager1", {edit: false, del: false, search: false}). After the data is loaded, add a link to the row for modification and deletion.

The jqGrid completed event is gridComplete: function () {} (it can be understood that all data is ready), because the json data obtained from the database has not been modified or deleted, therefore, the subsequent processing is to cyclically add the two links for each row in the gridComplete event and add the onclick event to them. First look:


The modified operation uses the dialog pop-up window of jquery ui. The running effect is as follows, in this confirmation button event)