需求,右擊樹節點,出現編輯和刪除的提示框
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原始碼安...