這篇文章將為大家詳細講解有關layui實現(xiàn)刪除數(shù)據(jù)的方法,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司主要從事網(wǎng)站設計、成都網(wǎng)站制作、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務鳳縣,10年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:13518219792
layui實現(xiàn)刪除數(shù)據(jù)的方法:首先獲得當前行數(shù)據(jù)以及“l(fā)ay-event”對應的值;然后獲取點擊的應用位置;接著循環(huán)數(shù)組的數(shù)據(jù),并定義一個bool;最后通過“obj.del();”刪除對應行的DOM結構,并更新緩存即可。
layui——刪除表格數(shù)據(jù)(數(shù)組數(shù)據(jù))
代碼如下:
table.on('tool(dataTable)', function(obj) { //注:tool是工具條事件名,test是table原始容器的屬性 lay-filter="對應的值"
var data = obj.data; //獲得當前行數(shù)據(jù)
var layEvent = obj.event; //獲得 lay-event 對應的值
//獲取點擊的應用位置
if (layEvent == 'delete') {
layer.confirm('確認刪除嗎?', function(index) {
mans.forEach((item, index) => {//先循環(huán)數(shù)組的數(shù)據(jù)
let bool = item.userId == data.userId;//定義一個bool如果數(shù)據(jù)的id和當前行數(shù)據(jù)相等
if (bool) {
mans.splice(index, 1);
}
});
console.log(mans);
obj.del(); //刪除對應行(tr)的DOM結構,并更新緩存
layer.close(index);
});
}
});關于layui實現(xiàn)刪除數(shù)據(jù)的方法就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
文章標題:layui實現(xiàn)刪除數(shù)據(jù)的方法
網(wǎng)站路徑:http://www.chinadenli.net/article44/pgsshe.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、、App開發(fā)、建站公司、云服務器、網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)