jQuery實現(xiàn)與GridView類似的功能實例
來源：懂視網(wǎng)
責編：小采
時間：2020-11-27 15:20:24
jQuery實現(xiàn)與GridView類似的功能實例
jQuery實現(xiàn)與GridView類似的功能實例:本文主要和大家分享jQuery實現(xiàn)一個類似GridView的編輯,更新,取消和刪除的功能，在項目中遇到這樣的需求當用戶點擊編輯時，在點擊行下動態(tài)產(chǎn)生一行，編輯銨鈕變?yōu)閐isabled,新產(chǎn)生的一行有更新和取消的銨鈕，點擊取消銨鈕，刪除剛剛動態(tài)產(chǎn)生的行，編輯銨鈕
導讀jQuery實現(xiàn)與GridView類似的功能實例:本文主要和大家分享jQuery實現(xiàn)一個類似GridView的編輯,更新,取消和刪除的功能，在項目中遇到這樣的需求當用戶點擊編輯時，在點擊行下動態(tài)產(chǎn)生一行，編輯銨鈕變?yōu)閐isabled,新產(chǎn)生的一行有更新和取消的銨鈕，點擊取消銨鈕，刪除剛剛動態(tài)產(chǎn)生的行，編輯銨鈕
本文主要和大家分享jQuery實現(xiàn)一個類似GridView的編輯,更新,取消和刪除的功能，在項目中遇到這樣的需求當用戶點擊編輯時，在點擊行下動態(tài)產(chǎn)生一行，編輯銨鈕變?yōu)閐isabled,新產(chǎn)生的一行有更新和取消的銨鈕，點擊“取消”銨鈕，刪除剛剛動態(tài)產(chǎn)生的行，編輯銨鈕狀態(tài)恢復。下面小編給大家分享實例代碼，一起看看吧。
先來看看下面實時效果演示：
用戶點擊編輯時，在點擊行下動態(tài)產(chǎn)生一行。編輯銨鈕變?yōu)閐isabled。
新產(chǎn)生的一行有更新和取消的銨鈕，點擊“取消”銨鈕，刪除剛剛動態(tài)產(chǎn)生的行。編輯銨鈕狀態(tài)恢復。
更新與刪除銨鈕功能沒有什么特別的。
在ASP.NET MVC視圖html代碼如下，普通的表格table，普通的html標簽：
刪除的銨鈕功能：
編輯的銨鈕功能，需要動態(tài)產(chǎn)生一新行。處理每個字段的html的標簽：
更新銨鈕功能：
還一個取消銨鈕功能：
大家學會了嗎？覺得有用的趕緊收藏起來吧。
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jQuery實現(xiàn)與GridView類似的功能實例
jQuery實現(xiàn)與GridView類似的功能實例:本文主要和大家分享jQuery實現(xiàn)一個類似GridView的編輯,更新,取消和刪除的功能，在項目中遇到這樣的需求當用戶點擊編輯時，在點擊行下動態(tài)產(chǎn)生一行，編輯銨鈕變?yōu)閐isabled,新產(chǎn)生的一行有更新和取消的銨鈕，點擊取消銨鈕，刪除剛剛動態(tài)產(chǎn)生的行，編輯銨鈕
