ztree右擊彈出選單增刪改操作

2021-09-21 14:21:39 字數 3091 閱讀 2280

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

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

};}();

經驗總結10 ztree增刪改

ztree增刪改,動態更改,不需重新整理頁面。增加。由於子節點不能動態增加子節點,所以需要先把該節點變為父節點,再進行增加。var ztree fn.ztree.getztreeobj treedemo nodes ztree.getselectednodes treenode nodes 0 tr...

Linux C語言連線MySQL 增刪改查操作

linux下想要測試mysql和memcached的效能,因為是伺服器只能通過終端連線,所以考慮用c語言寫測試 於是研究了把c怎麼連線mysql以及增刪改查的 安裝mysql client或者編譯原始碼安裝mysql後,會有支援c語言寫客戶端的標頭檔案和庫檔案,但是目錄可能不一樣,mysql原始碼安...

Linux C語言連線MySQL 增刪改查操作

linux下想要測試mysql和memcached的效能,因為是伺服器只能通過終端連線,所以考慮用c語言寫測試 於是研究了把c怎麼連線mysql以及增刪改查的 安裝mysql client或者編譯原始碼安裝mysql後,會有支援c語言寫客戶端的標頭檔案和庫檔案,但是目錄可能不一樣,mysql原始碼安...