网上看到一个列子,是如下处理的
树的构造函数添加如下事件
tree.setOnRightClickHandler(tonrightclick);var oPopup=window.createPopup();
var oPopBody=oPopup.document.body;
function tonrightclick(id,e){
tree.selectItem(id,true);
var idStr='"'+id+'"';
oPopBody.innerHTML="<span id='contextmenu' style='border:1px solid #000000;background:#5189bd;width=55px;text-align:center;padding:0px;display:block;position:absolute;font-size: 12px; color: #000000;'><div onclick='parent.editclick("+ idStr +")' style='cursor:hand;'>修改</div>--------<div onclick='parent.del("+ idStr +")' style='cursor:hand;'>删除</div></span> ";
oPopup.show(document.body.scrollLeft+e.clientX+10,document.body.scrollTop+e.clientY+10, 55, 44, document.body);}
弹出的界面不够美观,整个树要有自己去修改样式,太够麻烦,恰好我在我的列表用的是flexigrid,他含有一个jquery.contextmenu.js,我就想看能不能将这个jquery插件直接应用到树的右键里面来,事实证明界面不错.省去了很多自己开发的麻烦.贴上代码吧
$(document).ready(function() {
tree= new dhtmlXTreeObject('dhtmlxtree_div1', '100%', '100%', 0);
tree.setImagePath("csh_books/");
tree.enableDragAndDrop(false);
tree.enableSmartXMLParsing(true);
tree.enableKeyboardNavigation(true);
tree.setOnRightClickHandler(contextmenu); //设置树的事件
tree.setXMLAutoLoading("/admin/core/dept/Com_showTree.jspx?method=open");
tree.loadXML("/admin/core/dept/Com_showTree.jspx?method=init");
});
兄弟也是从网上查的,看合身不。。
树的构造函数添加如下事件
tree.setOnRightClickHandler(tonrightclick);var oPopup=window.createPopup();
var oPopBody=oPopup.document.body;
function tonrightclick(id,e){
tree.selectItem(id,true);
var idStr='"'+id+'"';
oPopBody.innerHTML="<span id='contextmenu' style='border:1px solid #000000;background:#5189bd;width=55px;text-align:center;padding:0px;display:block;position:absolute;font-size: 12px; color: #000000;'><div onclick='parent.editclick("+ idStr +")' style='cursor:hand;'>修改</div>--------<div onclick='parent.del("+ idStr +")' style='cursor:hand;'>删除</div></span> ";
oPopup.show(document.body.scrollLeft+e.clientX+10,document.body.scrollTop+e.clientY+10, 55, 44, document.body);}
弹出的界面不够美观,整个树要有自己去修改样式,太够麻烦,恰好我在我的列表用的是flexigrid,他含有一个jquery.contextmenu.js,我就想看能不能将这个jquery插件直接应用到树的右键里面来,事实证明界面不错.省去了很多自己开发的麻烦.贴上代码吧
$(document).ready(function() {
tree= new dhtmlXTreeObject('dhtmlxtree_div1', '100%', '100%', 0);
tree.setImagePath("csh_books/");
tree.enableDragAndDrop(false);
tree.enableSmartXMLParsing(true);
tree.enableKeyboardNavigation(true);
tree.setOnRightClickHandler(contextmenu); //设置树的事件
tree.setXMLAutoLoading("/admin/core/dept/Com_showTree.jspx?method=open");
tree.loadXML("/admin/core/dept/Com_showTree.jspx?method=init");
});
兄弟也是从网上查的,看合身不。。
var menu;
function initMenu(){
menu = new dhtmlXMenuObject();
menu.setIconsPath("common/imgs/");
menu.renderAsContextMenu();
menu.attachEvent("onClick",onMenuClick);
menu.loadXML("common/dhxmenu1.xml?e=" + new Date().getTime());
tree.enableContextMenu(menu);
}
function onMenuClick(optionId){
//dosomesthring...
}