Add modification and deletion operation links to jqGrid data rows (Part 1)_jquery

What I use here is not jqGrid's built-in editing and deletion operations. I have canceled the editing, deletion, and search under the paging navigation bar, which is this sentence $("#list1").navGrid("#pager1" ,{edit:false,del:false, search:false}), and then after the data loading is completed, modify and delete links are added to each row

The event completed by jqGrid is gridComplete:function(){} (It can be understood that the data is ready), because the json data obtained from the database does not have modification and deletion, so the subsequent processing is to add these two links to each row in a loop in the gridComplete event, and both Add onclick event to them. Let’s take a look at the screenshot first:


The modified operation uses the dialog pop-up window of jquery ui, and the running effect is as follows: (The alert box that pops up in the picture is what pops up after I click the OK button, that is If you want to modify the data, do it in this OK button event)