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)生的行,編輯銨鈕