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進行各種條件判斷了,我的就是判斷他是否有子節點,有的話不可刪除,沒有的話呢才可以刪除。
大家不要用節點圖示操作方法,太坑了
直接用這種判定就好啦!
以上就是我的一些小心得。
如果幫助到了你記得點贊評論二連哦
相關文章
- 【專案問題總結】5:樹形結構節點的級聯刪除邏輯
- 資料庫——查詢樹形結構某節點的所有子節點、所有父節點資料庫
- redis cluster節點/新增刪除操作Redis
- 樹形結構
- 除錯——條件斷點除錯斷點
- 二分搜尋樹系列之[ 節點刪除 (remove) ]REM
- 二分搜尋樹系列之「 節點刪除 (remove) 」REM
- layui樹形結構UI
- java樹形結構Java
- JavaScript刪除節點自身JavaScript
- Oracle Rac 刪除節點Oracle
- openstack中徹底刪除計算節點的操作記錄
- leetcode----刪除連結串列中的節點LeetCode
- 樹形結構處理
- jQuery如何刪除元素節點jQuery
- onnx 增刪改查,修改節點,刪除節點,修改input,output
- LayUI—tree樹形結構的使用UI
- JZ18刪除表的節點
- 節點操作(刪除,複製)/案例1:刪除留言板的留言 /案例2:動態生成表格
- JZ76 刪除連結串列中重複的節點
- 七、基本資料結構(樹形結構)資料結構
- 【RAC】刪除RAC資料庫節點(二)——刪除ASM資料庫ASM
- 【RAC】刪除RAC資料庫節點(五)——刪除ONS資料庫
- 使用Excel資料進行條件刪除Excel
- VUE 實現 Studio 管理後臺(七):樹形結構,檔案樹,節點樹共用一套程式碼 NodeTreeVue
- layui 樹形結構刪除沒有確認,原始碼加入confirm確認提示框UI原始碼
- SAP Hybris Category 顯示在 Storefront 的判定條件Go
- oracle 快速刪除大批量資料方法(全部刪除,條件刪除,刪除大量重複記錄)Oracle
- mongodb副本集新增刪除節點MongoDB
- Hadoop增加和刪除節點Hadoop
- markdown樹形結構生成工具
- [CareerCup] 2.3 Delete Node in a Linked List 刪除連結串列的節點delete
- php tree類的使用(樹形結構)PHP
- [Swing]樹形結構的實現
- 一個簡單的樹形結構
- 如何有效的刪除陣列中符合條件的值?陣列
- oracle 快速刪除大批量資料方法(全部刪除,條件刪除,刪除大量重複記錄) 轉Oracle
- 【轉】oracle 快速刪除大批量資料方法(全部刪除,條件刪除,刪除大量重複記錄)Oracle