ztree實現根節點右擊事件,顯示新增刪除

2021-08-28 10:20:27 字數 3067 閱讀 1431

需求,右擊樹節點,出現編輯和刪除的提示框

1:在setting 配置裡面,給callback設定,右擊事件onrightclick:

2:寫乙個函式onrightclick

function onrightclick(event, treeid, treenode)
3:禁用預設滑鼠右擊事件

document.oncontextmenu = function()
if (treenode.id == "1")
以上步驟,組成右擊事件以下**:

//右擊事件

function onrightclick(event, treeid, treenode)

//alert(1)

if (treenode.id == "1")

if (treenode)

}

眾所周知,在pc端,我們通常用event.clienx或者event.clienty來獲取手指的座標,注釋部分的**控制提示框的位置。

5:觸發事件之後,出現提示框

jsp**:

js**

function showcontextmenu(type,leaf, x, y)  else if(leaf)else

$("#treecontextmenu").css().show();

$("body").on("mousedown", onbodymousedown);

}

6:提示框的一些處理

function hidecontextmenu() 

function onbodymousedown(event)

}

var detain = function() ,

view : ,

data : ,

******data :

},edit : ,

async : ,

callback :

};var ztreeobj;

// 初始化根節點

function inittree() );

}//右擊事件

function onrightclick(event, treeid, treenode)

//alert(1)

if (treenode.id == "1")

if (treenode)

}function showcontextmenu(type,leaf, x, y) else if(leaf)else

$("#treecontextmenu").css().show();

$("body").on("mousedown", onbodymousedown);

}function hidecontextmenu()

function onbodymousedown(event)

}//編輯資訊

$("#toupdateb***").on("click", function()

});});

function setremovebtn(treeid, treenode)

return true;

}function setrenamebtn(treeid, treenode)

return true;

}function ztreebeforeremove(treeid, treenode)

function ztreeonremove(event, treeid, treenode) ,

type : "get",

success : function(data)

});deletedetain(treenode.id);

}function ztreeonrename(event, treeid, treenode) ,

type : "post",

success : function(data)

});}

// 非同步載入資料過濾器

function ajaxdatafilter(treeid, parentnode, responsedata)

;// 節點勾選事件

function ztreeoncheck(event, treeid, treenode)

showdetain([ treenode.id ]);};

// 獲取專案路徑

function getcontextpath()

// 顯示配置記錄

function showdetain(detainnum) ;

$.ajax(

});}

electroniclayeroff = false;

} else

}// 資產fid獲取

var fidobject = function(filter, typename) ,

type : 'get',

datatype : 'json',

async : false,

success : function(response) else if (response.features.length > 1)

} else

}});

return fid;

};// 刪除配置記錄

function deletedetain(id)

}// 新增配置

$("#adddetain").on("click", function()

});});

return

};}();

zTree實現搜尋選中事件

效果展示 組織機構 js function data data callback var showdata var organization ajax else 樹載入 end 下面這個是我這邊功能需要的,可以不要 function ztreeonclick event,treeid,treenod...

ztree 修改資料 預設勾選節點 資料回顯

var treeobj fn.ztree.getztreeobj treeid var data hiddentree val var datas data.split var inputtree var d for var i 0 i 注 treeid tree的id treeobj tree物件...

Ztree 實現搜尋節點高亮顯示,重置功能

搜尋 重置下面的實現是我從網上各個地方找的摻雜到一起的 搜尋節點並高亮顯示 searchbtntree on click function else 找到其父親節點 function findparent ztree,node 設定字型顏色 function setfontcss treeid,tr...