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