天天看點

給jqGrid資料行添加修改和删除操作連結

我這裡用的不是jqGrid的自帶的編輯和删除操作,我已經把分頁導航欄下的編輯,删除,搜尋都取消掉了,就是這句$("#list1").navGrid("#pager1",{edit:false,del:false, search:false}), 然後在資料加載完成後,給每行添加了 修改和删除連結

jqGrid完成的事件是gridComplete:function(){}(可以了解為資料都準備好了), 因為從資料庫擷取到的json資料沒有帶修改和删除兩項,是以在之後的處理就是,在gridComplete事件中循環為每一行添加這兩個連結,并且都給他們加上了onclick事件。先看截圖:

給jqGrid資料行添加修改和删除操作連結

修改的操作使用了jquery ui 的 dialog彈窗, 運作效果如下:(圖上彈出的alert框是我點選确定按鈕後彈出的,也就是說要修改資料,在這個确定按鈕事件中進行)

給jqGrid資料行添加修改和删除操作連結

頁面代碼:

上一篇: Java泛型
下一篇: java泛型