layui 樹形結構刪除沒有確認,原始碼加入confirm確認提示框
var index = layer.confirm('是否刪除', {
btn: ['同意',"取消"], //按鈕
shade: false //不顯示遮罩
}, function(){
layer.close(index);
if (r.operate && r.operate(x), x.status = "remove", !e.prev("." + s)[0] && !e.next("." + s)[0] && !e.parent("." + y)[0]) return e.remove(), void n.elem.append(n.elemNone);
if (e.siblings("." + s).children("." + u)[0]) {
if (r.showCheckbox) {
var I = function (e) {
if (e.parents("." + s)[0]) {
var a = e.siblings("." + s).children("." + u), r = e.parent("." + y).prev(),
l = r.find('input[name="layuiTreeCheck"]')[0], t = 1, d = 0;
0 == l.checked && (a.each(function (e, a) {
var n = i(a).find('input[name="layuiTreeCheck"]')[0];
0 != n.checked || n.disabled || (t = 0), n.disabled || (d = 1)
}), 1 == t && 1 == d && (l.checked = !0, n.renderForm("checkbox"), I(r.parent("." + s))))
}
};
I(e)
}
if (r.showLine) {
var T = e.siblings("." + s), L = 1, N = e.parent("." + y);
layui.each(T, function (e, a) {
i(a).children("." + y)[0] || (L = 0)
}), 1 == L ? (g[0] || (N.removeClass(k), T.children("." + y).addClass(m), T.children("." + y).children("." + s).removeClass(C)), e.next()[0] ? N.children("." + s).last().children("." + y).children("." + s).last().addClass(C) : e.prev().children("." + y).children("." + s).last().addClass(C), e.next()[0] || e.parents("." + s)[1] || e.parents("." + s).eq(0).next()[0] || e.prev("." + s).addClass(C)) : !e.next()[0] && e.hasClass(C) && e.prev().addClass(C)
}
} else {
var H = e.parent("." + y).prev();
if (r.showLine) {
H.find("." + c).removeClass("layui-tree-icon"), H.find("." + c).children(".layui-icon").removeClass(h).addClass("layui-icon-file");
var S = H.parents("." + y).eq(0);
S.addClass(k), S.children("." + s).each(function () {
i(this).children("." + y).children("." + s).last().addClass(C)
})
} else H.find(".layui-tree-iconArrow").addClass(t);
e.parents("." + s).eq(0).removeClass(v), e.parent("." + y).remove()
}
e.remove()
},function() {
layer.close(index);
})
在tree.js裡直接搜尋 e.remove() ;這一塊就是他的三個圖示【add:新增,update:修改,del:刪除】操作程式碼;然後把else裡面的程式碼全部複製到confirm同意的回撥函式中就可以了,頁面裡del函式裡直接寫與後端互動的刪除介面就可以了。
相關文章
- JavaScript ·刪除 confirm彈出確認框JavaScript
- js刪除操作時confirm()彈出確認框程式碼例項JS
- js確認是否刪除。JS
- 確認請求(confirm,request)
- win10刪除檔案沒有確認提示怎麼辦Win10
- 輕鬆實現刪除確認 (轉)
- layui樹形結構UI
- layui.tree樹形結構節點判定條件的刪除操作UI
- javascript實現點選彈出確認刪除警告框程式碼JavaScript
- Win10系統下檔案刪除不彈出確認提示框的設定方法Win10
- LayUI—tree樹形結構的使用UI
- layUI layer彈框按鈕 : 確認,取消,關閉事件UI事件
- JavaScript入門(4)確認(confirm訊息對話方塊)JavaScript
- 微軟確認今年沒有《光環》和《戰爭機器》的新作微軟
- SQL Server正確刪除Windows認證使用者的方法教程SQLServerWindows
- 重大事件確認、進度確認和時間事件三種報工確認方式事件
- Win10系統刪除檔案如何設定不顯示刪除確認提醒Win10
- RabitMQ 釋出確認MQ
- 資料資產確權認責,確什麼權,認什麼責
- 微軟確認Win8.1沒有Update 2:直接釋出Win9微軟
- 軟體確認測試的內容和流程有哪些?確認測試報告需要多少錢?測試報告
- win10刪除沒有確定鍵怎麼辦_win10刪除檔案沒有提示該怎麼辦Win10
- RabbitMq之訊息確認MQ
- 軟體確認測試
- 賽門鐵克確認誤刪除XP系統檔案 釋出更新補救
- 點選連結<a>彈出確認視窗程式碼例項
- 可以在 JavaScript 中建立三種訊息框:警告框、確認框、提示框。JavaScript
- RabbitMQ系列(四)RabbitMQ事務和Confirm傳送方訊息確認——深入解讀MQ
- RabbitMQ 訊息確認機制MQ
- ECMAScript 2021 正式確認
- 點選連結a彈出一個確認框例項程式碼
- jQuery Validate驗證確認密碼是否相同jQuery密碼
- 遊戲陪玩原始碼開發,正確認識節流和防抖遊戲原始碼
- 直播系統原始碼,簡易的自定義確認彈框AlertDialog原始碼
- iOS 10系統核心沒加密:蘋果確認這驚人大禮iOS加密蘋果
- 軟體產品確認測試
- Mysql利用explain確認是否使用索引MySqlAI索引
- Swift中的系統版本確認Swift