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函式裡直接寫與後端互動的刪除介面就可以了。
相關文章
- win10刪除檔案沒有確認提示怎麼辦Win10
- layui.tree樹形結構節點判定條件的刪除操作UI
- JavaScript入門(4)確認(confirm訊息對話方塊)JavaScript
- LayUI—tree樹形結構的使用UI
- layUI layer彈框按鈕 : 確認,取消,關閉事件UI事件
- Win10系統刪除檔案如何設定不顯示刪除確認提醒Win10
- SQL Server正確刪除Windows認證使用者的方法教程SQLServerWindows
- 2.7 交易確認
- 重大事件確認、進度確認和時間事件三種報工確認方式事件
- RabitMQ 釋出確認MQ
- ECMAScript 2021 正式確認
- win10刪除沒有確定鍵怎麼辦_win10刪除檔案沒有提示該怎麼辦Win10
- RabbitMQ系列(四)RabbitMQ事務和Confirm傳送方訊息確認——深入解讀MQ
- 資料資產確權認責,確什麼權,認什麼責
- 軟體確認測試的內容和流程有哪些?確認測試報告需要多少錢?測試報告
- 軟體確認測試
- RabbitMq之訊息確認MQ
- jQuery Validate驗證確認密碼是否相同jQuery密碼
- 直播系統原始碼,簡易的自定義確認彈框AlertDialog原始碼
- 分享 vxe-table vue 樹表格拖拽二次確認Vue
- RabbitMQ 訊息確認機制MQ
- 遊戲陪玩原始碼開發,正確認識節流和防抖遊戲原始碼
- MySQL 正確刪除 binlog 日誌MySql
- 軟體產品確認測試
- Mysql利用explain確認是否使用索引MySqlAI索引
- SAP WM 能否使用LT12去確認一個需要2-step法確認的TO單?
- 樹形結構
- 實現對gridview刪除行時彈出確認對話方塊的一種簡單方法View
- 確定和取消提示框效果
- 直播平臺原始碼,簡單實現 彈出確認 取消對話方塊原始碼
- 短視訊商城系統,系統提示框、確認框、點選空白關閉彈出框
- 禁止ssh連線時的確認提示
- 確認末尾字元演算法挑戰字元演算法
- 如何在 Linux 下確認 NTP 是否同步?Linux
- 確認過眼神,你就是我的Promise~~Promise
- 樹立正確的原始碼防洩密安全目標原始碼
- 什麼是軟體產品確認測試?有哪些方面?
- Qt Creator 原始碼學習筆記02,認識框架結構QT原始碼筆記框架