給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)備好了), 因為從數(shù)據(jù)庫獲取到的json數(shù)據(jù)沒有帶修改和刪除兩項,所以在之后的處理就是,在gridComplete事件中循環(huán)為每一行添加這兩個鏈接,并且都給他們加上了onclick事件。先看截圖:

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

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

您可能感興趣的文章:
相關(guān)文章
jQuery實現(xiàn)的縱向下拉菜單實例詳解【附demo源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)的縱向下拉菜單,結(jié)合實例形式分析了jQuery動態(tài)操作頁面元素實現(xiàn)縱向下拉菜單的步驟與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2016-07-07Jquery實現(xiàn)圖片放大鏡效果的思路及代碼(自寫)
放大鏡類的文章網(wǎng)上有很多,由于實現(xiàn)起來比較麻煩,所以自己寫了一個,下面為大家分享下具體的算法及實現(xiàn)代碼,感興趣的朋友可以參考下2013-10-10