layui.tree樹形結構節點判定條件的刪除操作
最近使用layui.tree,實在是讓我頭疼,先說問題,再說解決
首先,tree支援操作圖示操作節點,但是不能增加圖示只能用他自己本身的三個,增加,改名字,還有刪除這三個。但是這三個也極其不好用,而且我發現tree的刪除節點操作沒辦法條件判斷,也就是說你點了確定以後頁面的dome結構他直接給你刪了
不得不說最近使用layui著實遇到了太多問題,但是沒辦法,還得用啊
說一下我的解決辦法
tree有一個click屬性,能夠執行匿名函式並且返回當前節點的資料,
關鍵的來了,畫橫線的部分就是主要程式碼,作用就是你點選該節點以後把該節點的資料給儲存到一個全域性變數nowNode中了,那麼現在你就可以再進行條件判斷了,比如我的,我自己定義了一個刪除按鈕,賦予點選事件,程式碼如下
/*
/刪除節點
*/
$("#delNode").click(function(){
layer.close(box);
if(nowNode.children.length > 0){
layer.alert('該節點下有子節點,不可刪除', {icon:2, title:'失敗提示', closeBtn:0, anim:6});
return false;
}
//詢問框
var index = layer.confirm('確定要刪除' + nowNode.name + '?', {
icon: 3,
title: '友情提示',
btn: ['確定','取消'] //按鈕
}, function(){
$.ajax({
url:"{:url('Node/nodeDel')}?id="+nowNode.id
,method:'get'
,success:function(e){
layer.msg(e.msg);
gettree();
}
})
}, function(){
});
});
此時就可以用nownode進行各種條件判斷了,我的就是判斷他是否有子節點,有的話不可刪除,沒有的話呢才可以刪除。
大家不要用節點圖示操作方法,太坑了
直接用這種判定就好啦!
以上就是我的一些小心得。
如果幫助到了你記得點贊評論二連哦
相關文章
- redis cluster節點/新增刪除操作Redis
- 資料庫——查詢樹形結構某節點的所有子節點、所有父節點資料庫
- DOM節點刪除方法小結
- 二叉搜尋樹如何刪除節點
- leetcode----刪除連結串列中的節點LeetCode
- 樹形結構
- 除錯——條件斷點除錯斷點
- 二分搜尋樹系列之[ 節點刪除 (remove) ]REM
- 二分搜尋樹系列之「 節點刪除 (remove) 」REM
- layui 樹形結構刪除沒有確認,原始碼加入confirm確認提示框UI原始碼
- 節點操作(刪除,複製)/案例1:刪除留言板的留言 /案例2:動態生成表格
- XML DOM 刪除節點概述XML
- 牛客(刪除連結串列中重複節點)
- 【連結串列問題】刪除單連結串列的中間節點
- JZ18刪除表的節點
- JZ76 刪除連結串列中重複的節點
- 0011 刪除連結串列的倒數第N個節點
- 樹形結構處理
- onnx 增刪改查,修改節點,刪除節點,修改input,output
- LayUI—tree樹形結構的使用UI
- 使用Excel資料進行條件刪除Excel
- Python按條件刪除Excel表格資料的方法PythonExcel
- VUE 實現 Studio 管理後臺(七):樹形結構,檔案樹,節點樹共用一套程式碼 NodeTreeVue
- 如何有效的刪除陣列中符合條件的值?陣列
- 七、基本資料結構(樹形結構)資料結構
- 13. O(1)時間刪除連結串列節點
- LeetCode每日一題:刪除連結串列中的節點(No.237)LeetCode每日一題
- 刪除連結串列中等於給定值 val 的所有節點。
- 劍指offer-----刪除連結串列中的重複節點
- mongodb副本集新增刪除節點MongoDB
- SAP Hybris Category 顯示在 Storefront 的判定條件Go
- networkx基礎用法:新增節點、新增邊、刪除節點、刪除邊、計算度、賦權重
- markdown樹形結構生成工具
- Linux 下樹形結構的檢視Linux
- 【連結串列問題】打卡3:刪除單連結串列的中間節點
- 資料結構中樹形結構簡介資料結構
- LeetCode- 19 刪除連結串列的倒數第N個節點LeetCode
- 題19. 刪除連結串列的倒數第N個節點