這篇文章將為大家詳細講解有關(guān)layui實現(xiàn)刪除數(shù)據(jù)的方法,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)公司主要從事網(wǎng)站設(shè)計、成都網(wǎng)站制作、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)鳳縣,10年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):13518219792
layui實現(xiàn)刪除數(shù)據(jù)的方法:首先獲得當前行數(shù)據(jù)以及“l(fā)ay-event”對應(yīng)的值;然后獲取點擊的應(yīng)用位置;接著循環(huán)數(shù)組的數(shù)據(jù),并定義一個bool;最后通過“obj.del();”刪除對應(yīng)行的DOM結(jié)構(gòu),并更新緩存即可。
layui——刪除表格數(shù)據(jù)(數(shù)組數(shù)據(jù))
代碼如下:
table.on('tool(dataTable)', function(obj) { //注:tool是工具條事件名,test是table原始容器的屬性 lay-filter="對應(yīng)的值" var data = obj.data; //獲得當前行數(shù)據(jù) var layEvent = obj.event; //獲得 lay-event 對應(yīng)的值 //獲取點擊的應(yīng)用位置 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(); //刪除對應(yīng)行(tr)的DOM結(jié)構(gòu),并更新緩存 layer.close(index); }); } });
關(guān)于layui實現(xiàn)刪除數(shù)據(jù)的方法就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。