DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 給jqGrid數據行添加修改和刪除操作鏈接(之一)
給jqGrid數據行添加修改和刪除操作鏈接(之一)
編輯:JQuery特效代碼     
我這裡用的不是jqGrid的自帶的編輯和刪除操作,我已經把分頁導航欄下的編輯,刪除,搜索都取消掉了,就是這句$("#list1").navGrid("#pager1",{edit:false,del:false, search:false}), 然後在數據加載完成後,給每行添加了 修改和刪除鏈接

jqGrid完成的事件是gridComplete:function(){}(可以理解為數據都准備好了), 因為從數據庫獲取到的json數據沒有帶修改和刪除兩項,所以在之後的處理就是,在gridComplete事件中循環為每一行添加這兩個鏈接,並且都給他們加上了onclick事件。先看截圖:


修改的操作使用了jquery ui 的 dialog彈窗, 運行效果如下:(圖上彈出的alert框是我點擊確定按鈕後彈出的,也就是說要修改數據,在這個確定按鈕事件中進行)
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved