2 qq 33856203 qq_33856203 于 2016.03.21 17:30 提问

dhtmlxtree节点编辑求指点

我这里打开节点了!也进入编辑了!但是要回车才能进入编辑的2和3状态!现在要求点鼠
标就可以进入编辑的2和3状态怎么弄!求大神帮忙解决!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
dhtmlXTree 指南与实例(一)
官网: http://dhtmlx.com/docs/products/dhtmlxTree/     dhtmlXTree 指南与实例 主要特性 多浏览器/多平台支持 全部由JavaScript控制 动态加载 XML支持 大数据树动态翻译(智能XML解析) 拖拽(同一个树,不同的树之间,不同的框架之间) 带多选框(CheckBox)的树(两态/三态) 定制图标(使用Ja
dhtmlXTree 中文API
版本:           struts2.1.6,hibernate3.3.2,spring2.5 jar包: 环境:Struts+hibernate+spring+mysql           hibernate           Struts2              Spring              Mysql                   mysql-connector-java-5.1.8-bin.jar进行整合的代码是一个简单的注册功能本人把源代码打包上传到了CSDN上大家可
树形展示数据——dhtmlxTree的使用
在Java Web项目开发中,一般用JSP做前台数据展示,后台通过SSH框架来进行高效开发,有流程的控制,业务的处理和对数据库的各种处理,而数据则存放在Oracle等选择的数据库中。现在大家想这样一个问题,用户和什么打交道最多?很简单,用户主要是通过页面和系统打交道呢?那么数据的展示方式很多程度上决定着用户对此系统的评价。这里简单总结一下,除了html能够展示的方式其它的几种比较友好,比较实用的数
DhtmlxTree-dhtmlxmenu实现在节点上右键弹出菜单
对dhtmlXTree进行一个小的扩展 需求1: 动态生成树形菜单,每个节点都有各自的URL地址,单击不同的节点框架页的右侧跳转到该节点所对应的URL。(框架页说明:左边是树形菜单;右边是显示页面相应信息的页面) 分析: dhtmlXTree提供了很好的添加,删除节点的方法,故选择dhtmlXTree。 但是dhtmlXTree不能满足"每个节点都有各自的URL地址,单击不同的节点框架页的右侧跳转到该节点所对应的URL"这点需求,因次想到了对dhtmlXTree进行一个小的扩展,即在其节点对象原有属性的基础上,再添加两个扩展属性。具体操作如下: 1、找到定义节点对象的那个函数(或方法) function dhtmlXTreeItemObject(itemId,itemText,parentObject,treeObject,actionHandler,mode) 修改为 function dhtmlXTreeItemObject(itemId,itemText,parentObject,treeObject,actionHandler,mode,url,target) 并在方法体中添加赋值语句:this.itemURL=url;this.itemTarget=target; 2、然后修改所有与dhtmlXTreeItemObject有关(直接或者间接相关)的方法: _attachChildNode,insertNewItem,insertNewChild,insertNewNext,_recreateBranch,_parseXMLTree 注:_parseXMLTree方法是与loadXML,loadXMLString相关的。 在这些方法中生成节点的语句中添加相应的参数和语句,以支持新添加的属性itemURL,itemTarget。 需求2: 为dhtmlXTree树上的每一个节点添加右键菜单。附:在树上的节点上点右键时才会生成菜单,空白区域单击时不会生成菜单。 分析: 1、用 dhtmlXTree + dhtmlxmenu 实现。 2、 用dhtmlxmenu生成菜单的部分代码: var menu = new dhtmlXMenuObject(); menu.setImagePath("imgs/"); menu.setIconsPath("images/"); menu.renderAsContextMenu(); menu.loadXML("dhtmlxmenu.xml?e="+new Date().getTime()); menu.addContextZone("treeboxbox_tree"); menu.addContextZone方法是为了把菜单添加到指定区域。 3、dhtmlXTreeObject.prototype._createItem方法是构造树形菜单上元素的具体实现方法。看这个方法的具体操作,可以发现它为每一个节点构建了一个table,节点的内容(即名字)放置在一个span中。 4、考虑到dhtmlxmenu实在指定的区域构建菜单,所以可以为dhtmlXTree树上的每一个节点添加右键事件,在这个右键事件里获得该节点对象所对应的区域,然后在这个区域内构建Menu菜单。 难点和解决方案: 1、怎样获得dhtmlXTree树上的每一个节点对象所对应的区域?(dhtmlXTreeObject.prototype._createItem方法没有为这个节点的span设置id) 解决方法: 在dhtmlXTreeObject.prototype._createItem方法中添加一个为span设置id的语句: 即: 在itemObject.span=document.createElement('span'); itemObject.span.className="standartTreeRow"; 后,新添加一句 itemObject.span.id="treeNode_"+itemObject.id;//为这个span新增一个Id属性 2、为dhtmlXTree树上的每一个节点添加右键事件,在这个右键事件里获得该节点对象所对应的区域,然后在这个区域内构建Menu菜单。 解决方法: a、为dhtmlXTree树上的每一个节点添加右键事件: tree.setOnRightClickHandler(treeOnRegihtClick);//右键事件 b、构建Menu菜单: var menu = new dhtmlXMenuObject(); function treeOnRegihtClick(id){ alert("右键 "+" span.id:"+tree.getItem(id).span.id); menu.setImagePath("imgs/"); menu.setIconsPath("images/"); menu.renderAsContextMenu(); menu.loadXML("dhtmlxmenu.xml?e="+new Date().getTime()); menu.addContextZone(tree.getItem(id).span.id);alert("width:"+tree.getItem(id).span.clientWidth); //var X=tree.getItem(id).span.getBoundingClientRect().left; //var Y=tree.getItem(id).span.getBoundingClientRect().top; var X=document.getElementById('mouseXPosition').value;//获得鼠标的横坐标位置 var Y=document.getElementById('mouseYPosition').value;//获得鼠标的纵坐标位置 menu.showContextMenu(X,Y);//调用showContextMenu方法显示菜单 说明:如果这儿不加上这条语句的话,第一次点击右键时只能生成菜单,但是显示不出菜单,下次点击右键Menu菜单才能弹出。 //menu._showContextMenu(X,Y,tree.getItem(id).span.id); } c、用 javascript 获取当页面上鼠标(光标)位置 <script type="text/javascript"> // 说明:获取鼠标位置 function mousePosition(ev){ if(ev.pageX || ev.pageY){ return {x:ev.pageX, y:ev.pageY}; } return { x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, y:ev.clientY + document.body.scrollTop - document.body.clientTop }; } document.onmousemove = mouseMove; function mouseMove(ev){ ev = ev || window.event; var mousePos = mousePosition(ev); document.getElementById('mouseXPosition').value = mousePos.x; document.getElementById('mouseYPosition').value = mousePos.y; } </script> 页面上放置两个隐藏域存放鼠标的位置:<input type="hidden" id=mouseXPosition><input type="hidden" id=mouseYPosition>
如何使用dhtmlxtree 和Json 数据格式创建和使用一棵tree
(声明:本人自认为在Java界只是个不起眼的小菜鸟,若哪里有疏忽或者出错的地方还请各位海涵并且帮忙改正,最主要希望自己的学习中遇到的问题能很好的帮助你们) 先简单介绍下dhtmlxtree: dthmlxTree是一个功能丰富的第三方JavaScript树菜单,它能够使用户快速添加一个外观非常漂亮的,基于Ajax技术的网页上的分层树。树视图支持在线节点编辑、现行的拖放功能、三态复选框以及更多功
树型控件dhtmlxtree使用注意事项~
-
dhtmlxtree学习笔记二(常用方法)
Easy skinable design <link rel="STYLESHEET" type="text/css" href="dhtmlxtree/dhtmlxtree.css"> <div id="treeboxbox_tree" style="width: 250px; height: 2
dhtmlXTreeObject 部分方法
dhtmlXTreeObject 部分方法  tree = new dhtmlXTreeObject("treeboxbox_tree", "100%", "100%", 0);//构建dhtmlXTreeObject对象  tree.setSkin('dhx_skyblue');//设置皮肤  tree.enableDragAndDrop(0);//是否允许拖放  tree.enable
dhtmlxtree用Ajax刷新加载XML
     很久以前,我学会了用dhtmlxtree,那是一棵很不错的树,用起来很方便,但是一个问题一直没有解决,从前都是分很多次去数据库中查,遵循的原则是,先查出上级,然后再根据上级ID查出下级ID,这样一层一层的查,于是当数据量大了,树加载的时候会很的很慢,有时候等他开始加载的时候,可以告诉屏幕前的人员,“您可以选择去查喝杯咖啡或者出去逛逛再回来,因为需要很久”,顿时无语。    数据库是这
DHTMLXTree的使用
经过这几天对DHTMLXTree的折腾总算是有点眉目了,领导催得紧,组长紧的催。唉,把握这次机会来好好总结一下DHTMLXTree。还是老套路,首先来简单了解一下DHTMLXTree。DHTMLXTree是DHX系列其中关于树的部分,另外还有像DHTMLXGrid控件。基本都是使用js来实现tree的样式和数据加载,支持的格式有xml、json。有下面几个特点:特点 支持界面的拖拽 效率高在加载数据