給jqGrid數(shù)據(jù)行添加修改和刪除操作鏈接（之一）
更新時(shí)間：2011年11月04日 17:07:50 作者：
我這里用的不是jqGrid的自帶的編輯和刪除操作，我已經(jīng)把分頁(yè)導(dǎo)航欄下的編輯，刪除，搜索都取消掉了
我這里用的不是jqGrid的自帶的編輯和刪除操作，我已經(jīng)把分頁(yè)導(dǎo)航欄下的編輯，刪除，搜索都取消掉了,就是這句$("#list1").navGrid("#pager1",{edit:false,del:false, search:false}), 然后在數(shù)據(jù)加載完成后，給每行添加了 修改和刪除鏈接
jqGrid完成的事件是gridComplete:function(){}（可以理解為數(shù)據(jù)都準(zhǔn)備好了）, 因?yàn)閺臄?shù)據(jù)庫(kù)獲取到的json數(shù)據(jù)沒(méi)有帶修改和刪除兩項(xiàng),所以在之后的處理就是，在gridComplete事件中循環(huán)為每一行添加這兩個(gè)鏈接，并且都給他們加上了onclick事件。先看截圖：
修改的操作使用了jquery ui 的 dialog彈窗, 運(yùn)行效果如下:(圖上彈出的alert框是我點(diǎn)擊確定按鈕后彈出的，也就是說(shuō)要修改數(shù)據(jù)，在這個(gè)確定按鈕事件中進(jìn)行）
jqGrid完成的事件是gridComplete:function(){}（可以理解為數(shù)據(jù)都準(zhǔn)備好了）, 因?yàn)閺臄?shù)據(jù)庫(kù)獲取到的json數(shù)據(jù)沒(méi)有帶修改和刪除兩項(xiàng),所以在之后的處理就是，在gridComplete事件中循環(huán)為每一行添加這兩個(gè)鏈接，并且都給他們加上了onclick事件。先看截圖：
修改的操作使用了jquery ui 的 dialog彈窗, 運(yùn)行效果如下:(圖上彈出的alert框是我點(diǎn)擊確定按鈕后彈出的，也就是說(shuō)要修改數(shù)據(jù)，在這個(gè)確定按鈕事件中進(jìn)行）
您可能感興趣的文章:
- jqgrid 簡(jiǎn)單學(xué)習(xí)筆記
- JQGrid的用法解析(列編輯,添加行,刪除行)
- jQuery中jqGrid分頁(yè)實(shí)現(xiàn)代碼
- jqGrid用法匯總(全經(jīng)典)
- jquery下動(dòng)態(tài)顯示jqGrid以及jqGrid的屬性設(shè)置容易出現(xiàn)問(wèn)題的解決方法
- jqGrid隨窗口大小變化自適應(yīng)大小的示例代碼
- Bootstrap嵌入jqGrid，使你的table牛逼起來(lái)
- 一個(gè)關(guān)于jqGrid使用的小例子(行按鈕)
- jqGrid 學(xué)習(xí)筆記整理——進(jìn)階篇(一 )
- 利用jqgrid實(shí)現(xiàn)上移下移單元格功能
相關(guān)文章
jQuery實(shí)現(xiàn)表頭固定效果的實(shí)例代碼
jQuery實(shí)現(xiàn)表頭固定效果的實(shí)例代碼，需要的朋友可以參考一下2013-05-05
自動(dòng)設(shè)置iframe大小的jQuery代碼
自動(dòng)設(shè)置iframe的寬度在應(yīng)用中還是比較廣泛的，本文使用jquery實(shí)現(xiàn)一下，感興趣的朋友可以參考下2013-09-09
全屏淡入淡出簡(jiǎn)潔banner，異步圖片文字效果切換圖片特效,需要的朋友可以參考下2014-04-04
jquery控制背景音樂(lè)開(kāi)關(guān)與自動(dòng)播放提示音的方法
這篇文章主要介紹了jquery控制背景音樂(lè)開(kāi)關(guān)與自動(dòng)播放提示音的方法,實(shí)例分析了背景音樂(lè)開(kāi)關(guān)的技巧與自動(dòng)播放提示音的常見(jiàn)用法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
自己寫的 ToolTip提示插件,書寫過(guò)程很認(rèn)真的,希望大家支持我，給我點(diǎn)評(píng)論,感興趣的朋友可以了解下哦，希望本文對(duì)你有所幫助2013-01-01
jquery 鍵盤事件 keypress() keydown() keyup()用法總結(jié)
在本篇文章里小編給各位整理的是關(guān)于jquery 鍵盤事件 keypress() keydown() keyup()用法總結(jié)以及相關(guān)實(shí)例，需要的朋友們學(xué)習(xí)下。2019-10-10
這篇文章主要介紹了使用js顯示當(dāng)前時(shí)間示例,這里也用到了jquery，讓得把它也要引入到頁(yè)面中2014-03-03
這篇文章主要介紹了jquery控制頁(yè)面部分刷新的方法,涉及jQuery中l(wèi)oad方法的使用技巧,需要的朋友可以參考下2015-06-06
用jquery實(shí)現(xiàn)動(dòng)畫跳到頂部和底部(這個(gè)比較簡(jiǎn)單)
用jquery實(shí)現(xiàn)動(dòng)畫的跳到頂部和底部，當(dāng)點(diǎn)擊頂部按鈕的時(shí)候，執(zhí)行方法,scrollTop屬性獲取選中標(biāo)簽距滾動(dòng)條的距離2014-09-09
jQuery利用cookie 實(shí)現(xiàn)本地收藏功能(不重復(fù)無(wú)需多次命名)
cookie 是存儲(chǔ)于訪問(wèn)者計(jì)算機(jī)中的變量。這篇文章主要介紹了jQuery利用cookie 實(shí)現(xiàn)本地收藏功能不重復(fù)無(wú)需多次命名,需要的朋友可以參考下2019-11-11