| <link rel="STYLESHEET" type="text/css" href="css/dhtmlXTree.css"> <script src="js/dhtmlXCommon.js"></script> <script src="js/dhtmlXTree.js"></script> |
| <body onload="preLoadImages();doOnLoad();"> |
| //doOnLoad实现装载并显示树。设置树属性等。 function doOnLoad(){ OrgTree=new dhtmlXTreeObject(document.getElementById('divTree'),"100%","100%",0); //dhtmlXTreeObject是树对象,通过新建对象,指定树显示的DIV可定义树。 OrgTree.setImagePath("imgs/");//设置树的图片所在位置 OrgTree.setDragHandler();//设置树结点拖动 OrgTree.enableDragAndDrop(true) //设置树结点是否可拖动 OrgTree.setDragHandler(myDragHandler); //设置树结点拖动时所执行的方法 OrgTree.setOnClickHandler(mySelectHandler); //设置树单击时所执行的方法 //OrgTree.setXMLAutoLoading("Org.jsp");//装载树结点数据。数据来源如Org.jsp所返回的XML格式的字符串,数据是动态装载,且当展开时才装载。 OrgTree.loadXML("root.xml?0");//装载树结点数据。数据来源root.xml文件,并且从xml文件的ID号为0处读取数据。 //OrgTree.loadXML("Org.jsp");//装载树结点数据。数据来源如Org.jsp所返回的XML格式的字符串,并且是一次性全部装载数据。 } //preLoadImages方法实现树控件的图标定义 function preLoadImages(){ var imSrcAr = new Array("line1.gif","line2.gif","line3.gif","line4.gif","minus2.gif","minus3.gif", "minus4.gif","plus2.gif","plus3.gif","plus4.gif","book.gif","books_open.gif","books_close.gif", "magazine_open.gif","magazine_close.gif","tombs.gif","tombs_mag.gif","book_titel.gif") var imAr = new Array(0); for(var i=0;i<imSrcAr.length;i++){ imAr[imAr.length] = new Image(); imAr[imAr.length-1].src = "imgs/"+imSrcAr[i] } } |
| var OrgTree = null; //组织树Dom var nextSeq = 0;//人员管理的顺序号(流水号) var personDom;//人员Dom var CurrNodeId;//当前结点Id |
| <body onload="init();"> |
| function init(){ //定义personDom为一个XMLDOM'对象 personDom= new ActiveXObject('Microsoft.XMLDOM'); personDom.async = false; //定义stylesheet为一个XMLDOM'对象,且stylesheet为personDom确定显示风格 stylesheet = new ActiveXObject('Microsoft.XMLDOM'); stylesheet.async = false; stylesheet.load("addOrgPerson.xsl"); //装载stylesheet的风格定义文件 //装载组织类型数据 var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.open("POST","Org.jsp?mode=GetOrgType", false); xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmlhttp.send(); retXml=xmlhttp.responseText; // alert(retXml); //把组织类型插入下拉列表控件中 var OrgDoc = new ActiveXObject('Microsoft.XMLDOM'); OrgDoc.async = false; OrgDoc.loadXML(retXml); var root = OrgDoc.documentElement; oNodeList = root.childNodes; txtType.options.length =oNodeList.length; for (var i=0; i<oNodeList.length; i++) { Item = onodeList.item(i); var OrgTypeId=Item.childNodes(0).text; var OrgTypeName=Item.childNodes(1).text; txtType.options[i].value=OrgTypeId; txtType.options[i].text=OrgTypeName; // txtType.options[0]. } } |