Add the modify and delete operation link to the jqGrid data row (one) _ jquery

I am not using jqGrid's built-in edit and delete operations here. I have deleted the edits in the navigation bar on the page, all searches are canceled. I used not the built-in editing and deletion operations of jqGrid here. I have deleted, edited, and searched pages in the navigation bar, $ ("# 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)