給jqGrid數(shù)據(jù)行添加修改和刪除操作鏈接(之一)
更新時間:2011年11月04日 17:07:50 作者:
我這里用的不是jqGrid的自帶的編輯和刪除操作,我已經(jīng)把分頁導(dǎo)航欄下的編輯,刪除,搜索都取消掉了
我這里用的不是jqGrid的自帶的編輯和刪除操作,我已經(jīng)把分頁導(dǎo)航欄下的編輯,刪除,搜索都取消掉了,就是這句$("#list1").navGrid("#pager1",{edit:false,del:false, search:false}), 然后在數(shù)據(jù)加載完成后,給每行添加了 修改和刪除鏈接
jqGrid完成的事件是gridComplete:function(){}(可以理解為數(shù)據(jù)都準(zhǔn)備好了), 因?yàn)閺臄?shù)據(jù)庫獲取到的json數(shù)據(jù)沒有帶修改和刪除兩項(xiàng),所以在之后的處理就是,在gridComplete事件中循環(huán)為每一行添加這兩個鏈接,并且都給他們加上了onclick事件。先看截圖:

修改的操作使用了jquery ui 的 dialog彈窗, 運(yùn)行效果如下:(圖上彈出的alert框是我點(diǎn)擊確定按鈕后彈出的,也就是說要修改數(shù)據(jù),在這個確定按鈕事件中進(jìn)行)
jqGrid完成的事件是gridComplete:function(){}(可以理解為數(shù)據(jù)都準(zhǔn)備好了), 因?yàn)閺臄?shù)據(jù)庫獲取到的json數(shù)據(jù)沒有帶修改和刪除兩項(xiàng),所以在之后的處理就是,在gridComplete事件中循環(huán)為每一行添加這兩個鏈接,并且都給他們加上了onclick事件。先看截圖:

修改的操作使用了jquery ui 的 dialog彈窗, 運(yùn)行效果如下:(圖上彈出的alert框是我點(diǎn)擊確定按鈕后彈出的,也就是說要修改數(shù)據(jù),在這個確定按鈕事件中進(jìn)行)

您可能感興趣的文章:
- jqgrid 簡單學(xué)習(xí)筆記
- JQGrid的用法解析(列編輯,添加行,刪除行)
- jQuery中jqGrid分頁實(shí)現(xiàn)代碼
- jqGrid用法匯總(全經(jīng)典)
- jquery下動態(tài)顯示jqGrid以及jqGrid的屬性設(shè)置容易出現(xiàn)問題的解決方法
- jqGrid隨窗口大小變化自適應(yīng)大小的示例代碼
- Bootstrap嵌入jqGrid,使你的table牛逼起來
- 一個關(guān)于jqGrid使用的小例子(行按鈕)
- jqGrid 學(xué)習(xí)筆記整理——進(jìn)階篇(一 )
- 利用jqgrid實(shí)現(xiàn)上移下移單元格功能
相關(guān)文章
jQuery實(shí)現(xiàn)的縱向下拉菜單實(shí)例詳解【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的縱向下拉菜單,結(jié)合實(shí)例形式分析了jQuery動態(tài)操作頁面元素實(shí)現(xiàn)縱向下拉菜單的步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-07-07Jquery實(shí)現(xiàn)圖片放大鏡效果的思路及代碼(自寫)
放大鏡類的文章網(wǎng)上有很多,由于實(shí)現(xiàn)起來比較麻煩,所以自己寫了一個,下面為大家分享下具體的算法及實(shí)現(xiàn)代碼,感興趣的朋友可以參考下2013-10-10淺談如何實(shí)現(xiàn)easyui的datebox格式化
這篇文章主要和大家一起聊一聊如何實(shí)現(xiàn)easyui的datebox格式化的方法,感興趣的小伙伴們可以參考一下2016-06-06