jsp页面树形结构的生成.docx

派发树window.returnValue = ;var path = $pageContext.request.contextPath/ext/images/default/;var data = $treeJson var srcElement = null; var dstElement = null; function initTree(p,o) var _icon = ; if(o.type = person) _icon = path + person.png; var node=new Ext.tree.TreeNode( id:o.id,/根节点id text:o.text, type:o.type, icon:_icon ); p.appendChild(node); if(o.childs.length 0) for(var i = 0; i o.childs.length ; i +) initTree(node,o.childsi); node.on(click,function(n) srcElement = node; ); node.on(dblclick,function(n) addElement(); ); var dstRoot = null; var srcRoot = null; Ext.onReady(function()Ext.BLANK_IMAGE_URL = $pageContext.request.contextPath/ext/images/default/s.gif; /定义树的跟节点 srcRoot=new Ext.tree.TreeNode( id:root,/根节点id text:我是树根 ); for(var i = 0 ; i data.length; i +) initTree(srcRoot,datai,); /生成树形面板 var tree=new Ext.tree.TreePanel( renderTo:show, root:srcRoot,/定位到根节点 animate:true,/开启动画效果 enableDD:false,/不允许子节点拖动 border:false,/没有边框 rootVisible:false/设为false将隐藏根节点，很多情况下，我们选择隐藏根节点增加美观性 ); dstRoot = new Ext.tree.TreeNode( id:root,/根节点id text:我是树根 ); var selectedTree = new Ext.tree.TreePanel( renderTo:selectedTree, root:dstRoot,/定位到根节点 animate:true,/开启动画效果 enableDD:false,/不允许子节点拖动 border:false,/没有边框 rootVisible:false/设为false将隐藏根节点，很多情况下，我们选择隐藏根节点增加美观性 ); )function addElement() if(srcElement = null) return;var eles = dstRoot.childNodes;for(var i = 0; i 0)alert(只能派发到一个组或者一个人);return; var _icon = ; if(srcElement.attributes.type = person) _icon = path + person.png;var node=new Ext.tree.TreeNode( id:srcElement.id,/根节点id text:srcElement.text, type:srcElement.attributes.type, icon:_icon); node.on(click,function(n) dstElement = node; ); node.on(dblclick,function(n) delElement(); );dstRoot.appendChild(node); function delElement() if(dstElement != null)dstRoot.removeChild(dstElement); function addAll() var eles = srcRoot.childNodes; for(var i = 0; i = 0 ; i -) dstElement = elesi; delElement(); function finish() var eles = dstRoot.childNodes;var result = ;var connStr = ;for(var i = eles.length - 1; i = 0 ; i -) result += connStr;connStr = ,;result = result + elesi.id.split(-)0; res