java树形结构代码,急

果爷520 2010-06-28 02:03:06
公司要求我们做一个CIMS客户信息管理系统，一个星期完成，需求给我们了 ，说真的不知道从何下手，毕竟现在还是试用期，还在培训（有10天左右了），在这里急求一份树形结构代码！！！！哪位好心的大哥大姐帮下忙！在此拜谢！！！！！！！
...全文
2327 16 打赏 收藏 转发到动态 举报
写回复
用AI写文章
16 条回复
切换为时间正序
请发表友善的回复…
发表回复
victor_woo 2010-06-28
  • 打赏
  • 举报
 回复
2。 main.Impl.js


/*****************************************************************

 * 	Copyright(c) 

 *	

 *	文件名		main.Impl.js

 *	创建时间	2010-6-22 08:44AM

 *	创建人		victor.woo@163.net

 *	说明		Js Tree 遍历+算子封装 及相关

实现 

 

  *	用法：		new JsTreeTraverse(aT,"nodeProcessor","_next_RIGHTFIRST").iterate();

******************************************************************/

//遍历器封装类

function JsTreeTraverse(aTree,np,_type)

{

	var objTree			= null;

	var currentID		= null;

	var nodeProcessor 	= null; 

	var travelType 		= null;

	

	var strResult		= ""; 

	

	this.getResult = function()	{	return strResult;	}

	//构造函数

	this.init= function()

	{ 

		objTree			= aTree;

		currentID		= aTree.getRoot().id;

		nodeProcessor	= np;

		travelType		= _type;

	}.call();  

	

	function visit()

	{  

		var node = objTree.getNode(currentID);

		return eval(nodeProcessor+"(node)");

	}

	

	this.iterate=function()

	{

		do

		{  

			strResult += visit();

			var node = aTree.getNode(currentID);

			node = eval("node."+travelType+"()"); 

			if(node==null)

				return true;

			currentID = node.id;

		}while(true);

		

		return false;			

	}

}



//---------------------------Basic 树显示组件遍历执行算子基类

function TreeViewNodeProcessor()

{

	this.init = function()

	{ 

	}.call();

				

	this.getSelfLine0=function(imgs,aNode)//不显示折叠图片+-，不提供折叠操作

	{	

		if(!aNode.isRoot()){

			if(aNode.isYoungest())

				return imgs.BOTTOM+imgs.NODE; 

			else

				return imgs.MIDDLE+imgs.NODE;

		}

			

		return imgs.ROOT+imgs.NODE;

	}

	

	this.getSelfLine1=function(imgs,aNode)//显示折叠图片+-，不提供折叠动作

	{	

		this.getSelfLine2(imgs,aNode,null,false)

; 	

	}

	

	this.getSelfLine2=function(imgs,aNode,actions,canCollapse)//显示折叠图片，提供折叠动作

	{	

		var _link = "";

		if(canCollapse)

			_link = "<A href=# onclick=javascript:"+actions.collapse+"("+aNode.id+")>";

			

		if(!aNode.isRoot()){

			var ret = "";

			

			if(aNode.isYoungest()){ 

				if(aNode.isLeaf())

					ret += imgs.BOTTOM;

				else if(aNode.bCollapsed)

					ret += _link+imgs.ARROWBOTTOMCLOSED+(_link==""?"":"</A>");	

				else

					ret += _link+imgs.ARROWBOTTOM+(_link==""?"":"</A>");

			}else{

				if(aNode.isLeaf())

					ret += imgs.MIDDLE;

				else if(aNode.bCollapsed)

					ret += _link+imgs.ARROWMIDDLECLOSED+(_link==""?"":"</A>");

				else

					ret += _link+imgs.ARROWMIDDLE+(_link==""?"":"</A>");

			}

			

			if(aNode.isLeaf())

				ret += imgs.LEAF; 	

			else

				ret += imgs.NODE;

				

			return ret;

		}

		

		if(aNode.bCollapsed)

			return _link+imgs.ROOTCLOSED+(_link==""?"":"</A>")+imgs.NODE;

		else	

			return _link+imgs.ROOT+(_link==""?"":"</A>")+imgs.NODE;

	}	

	

	this.getFrontLines=function(imgs,aNode)

	{

		if(aNode.isRoot())	return "";

		if(aNode.parentNode.isRoot())	return imgs.EMPTY;

			

		var ret ="";

		

		pNode = aNode.parentNode;

					

		while(!pNode.isRoot()){

			if(pNode.isYoungest())

				ret = imgs.EMPTY+ret;

			else

				ret = imgs.NULL+ret;

			pNode = pNode.parentNode;

		}

		

		return imgs.EMPTY+ret;

	}

	

	this.printNode=function(aNode) 

	{ 

		alert("请重载方法:this.printNode=function(aNode) ");

	}

}	





//--------------------------树形SELECT构造--------------------------

var SelectTreeNodeImgs =  {

			 BOTTOM	:"┗"

			,MIDDLE	:"┣" 

			,EMPTY	:"　"		

			,NULL	:"┃"

			,ROOT	:"☆" 

			,NODE	:"☉"

	}; 

	

function TreeSelectNodeProcessor() //树状下拉列表视图算子

{

	this._SUPER = new TreeViewNodeProcessor("TreeViewNodeProcessor:TreeSelectNodeProcessor"); 

	this.init = function()

	{ 

	}.call();

	

	this.printNode=function(aNode)

	{ 

		var line = this._SUPER.getFrontLines(SelectTreeNodeImgs,aNode)

					+this._SUPER.getSelfLine0(SelectTreeNodeImgs,aNode);

					

		return  "<OPTION>"+line+aNode.nodeData.text+"</OPTION>";

	}

}



var $TreeSelectNodeProcessor = new TreeSelectNodeProcessor(); 



function $outputTreeSelect(aTree,_misc)

{ 

	var ret = "<SELECT "+_misc+">";

	var tt = new JsTreeTraverse(aTree,"$TreeSelectNodeProcessor.printNode","_next_LEFTFIRST") ;

	tt.iterate();

	ret += tt.getResult();	

	ret += "</SELECT>";	

	

	return ret;

}

//--------------------------树形SELECT构造--------------------------



//--------------------------标准动态树(可折叠收起)结构构造，节点点击处理--------

var $WindowStyleTreeNodeImgs =  {

			 BOTTOM				:"<IMG src=imgs/WindowsExplorer/nodeBottom.gif>"

			,MIDDLE				:"<IMG src=imgs/WindowsExplorer/nodeMiddle.gif>"

			,EMPTY				:"<IMG src=imgs/WindowsExplorer/nodeEmpty.gif>"		

			,NULL				:"<IMG src=imgs/WindowsExplorer/nodeNull.gif>"

			,ROOT				:"<IMG src=imgs/WindowsExplorer/root.gif>"

			,ROOTCLOSED			:"<IMG src=imgs/WindowsExplorer/rootClosed.gif>"

			,ARROWBOTTOMCLOSED  :"<IMG src=imgs/WindowsExplorer/arrowBottomClosed.gif>"

			,ARROWBOTTOM  		:"<IMG src=imgs/WindowsExplorer/arrowBottom.gif>"

			,ARROWMIDDLECLOSED  :"<IMG src=imgs/WindowsExplorer/arrowMiddleClosed.gif>"	

			,ARROWMIDDLE 		:"<IMG src=imgs/WindowsExplorer/arrowMiddle.gif>"

			//以上是结构显示图片 (竖线，展开,折叠)

			//以下是节点内容前的图片 ：文件夹？文件,可以替换

			,CURRENTNODE		:"<IMG src=imgs/WindowsExplorer/openFolder.gif>" 

			,NODE				:"<IMG src=imgs/WindowsExplorer/folder.gif>" 

			,LEAF				:"<IMG src=imgs/WindowsExplorer/leaf.gif>"

	};    



var $MyStyleTreeNodeImgs =  {

			 BOTTOM				:"<IMG src=imgs/standard/nodeBottom.gif>"

			,MIDDLE				:"<IMG src=imgs/standard/nodeMiddle.gif>"

			,EMPTY				:"<IMG src=imgs/standard/nodeEmpty.gif>"		

			,NULL				:"<IMG src=imgs/standard/nodeNull.gif>"

			,ROOT				:"<IMG src=imgs/standard/root.gif>"

			,ROOTCLOSED			:"<IMG src=imgs/standard/rootClosed.gif>"

			,ARROWBOTTOMCLOSED  :"<IMG src=imgs/standard/arrowBottomClosed.gif>"

			,ARROWBOTTOM  		:"<IMG src=imgs/standard/arrowBottom.gif>"

			,ARROWMIDDLECLOSED  :"<IMG src=imgs/standard/arrowMiddleClosed.gif>"	

			,ARROWMIDDLE 		:"<IMG src=imgs/standard/arrowMiddle.gif>"

			//以上是结构显示图片 (竖线，展开,折叠)

			//以下是节点内容前的图片 ：文件夹？文件,可以替换

			,CURRENTNODE		:"<IMG src=imgs/standard/openFolder.gif>" 

			,NODE				:"<IMG src=imgs/standard/folder.gif>" 

			,LEAF				:"<IMG src=imgs/standard/leaf.gif>"

	}; 



function StandardDynamicTreeNodeProcessor() 

{  

	var ActionList = null;

	var canClickNode = false;

	var canCollapse  = false; 

	var TreeNodeImgs = null;

	

	this._SUPER = new TreeViewNodeProcessor("TreeViewNodeProcessor:StandardDynamicTreeNodeProcessor"); 

	this.init = function()

	{  

		

	}.call();

	

	this.setActionList = function(al)

 	 

	{	

		ActionList  = al; 

		canClickNode = ActionList&&ActionList.nodeClicked&&ActionList.nodeClicked!="" ;

		canCollapse  = ActionList&&ActionList.collapse&&ActionList.collapse!="" ;

	} 

	this.setTreeNodeImgs  = function(ss)

 

	{

		TreeNodeImgs  = ss;

	} 

		 

	this.printNode=function(aNode)

	{ 

		var line = this._SUPER.getFrontLines(TreeNodeImgs,aNode)

					+this._SUPER.getSelfLine2(TreeNodeImgs,aNode,ActionList,canCollapse);

		

		if(canClickNode)

			return "<TR><TD>"+line+"<SPAN><A href=# onclick=javascript:"+ActionList.nodeClicked+"("+aNode.id+")>"+aNode.nodeData.text+"</A></SPAN></TD></TR>";

		else	

			return "<TR><TD>"+line+"<SPAN>"+aNode.nodeData.text+"</SPAN></TD></TR>";

	}

}



var $StandardDynamicTreeNodeProcessor = new StandardDynamicTreeNodeProcessor(); 



//al : 

//var aL = { collapse:"collapse",nodeClicked:"nodeClicked",nodeMouseOver:"nodeMouseOver" } ,可折叠并其它操作

//var al = null; 无折叠动作

//var aL = { collapse:"collapse" } 只可折叠，无Node点击动作

function $outputStandardTree(aTree,_misc,al,TreeNodeImgs)

{ 

	$StandardDynamicTreeNodeProcessor.setActionList(al);

	$StandardDynamicTreeNodeProcessor.setTreeNodeImgs(TreeNodeImgs);

	var ret ="<TABLE "+_misc+">";

	var tt = new JsTreeTraverse(aTree,"$StandardDynamicTreeNodeProcessor.printNode","_next_LEFTFIRST") ;

	tt.iterate();

	ret += tt.getResult();	

	ret += "</TABLE>";	

	

	return ret;

}

//--------------------------动态树(可折叠收起)结构构造，节点点击处理--------
victor_woo 2010-06-28
  • 打赏
  • 举报
 回复
1 main.def.js


/*****************************************************************

 *	文件名		main.def.js

 *	创建时间	2010-6-20 12:19PM

 *	创建人		victor.woo@163.net

 *	说明		Js Tree 数据结构定义

  *	用法：		调用者自身保证数据的合理性，比如ID不能重复

   				本js只做基本的检查

******************************************************************/

/*

TreeNode Data input form

var Earth = { 

				id: "Earth"

				, pid:"Sun"	

				, diameter:"7920 miles"

				, distance:"93 million miles"

				, year:"365.25"

				, day:"24 hours"

			};

*/

function JsTreeNode(data)

{  

	this.nodeData		= data;

	this.id 			= data.id;

 	this.pid 			= data.pid;

 	

  	this.level			= 0;

  	this.degree			= 0; 

  	

  	this.ownerTree		= null;

  	this.parentNode 	= null; 

  	this.ancestorFlag	= null;

  	

  	this.leftSibling	= null; 

  	this.rightSibling 	= null; 

  	

  	this.childNodes 	= null;

  	this.firstChild 	= null; 

  	this.lastChild 		= null;

  	

  	this.bCollapsed 	= false;

  	this.bIterated		= false;

 	

 	//构造函数

	this.init= function()

	{  				

	}.call(); 

	

	this.isRoot = function()		{	return this.parentNode==null;		}

	this.isLeaf = function() 		{	return this.degree==0;				}

	this.isYoungest = function() 	{	return this.rightSibling==null;		}	

	this.switchCollapse=function()	{	this.bCollapsed = !this.bCollapsed;			

	}

	this.collapse= function(b)		{	this.bCollapsed = b;						}

	this.belongFamily= function(s)	{	return this.ancestorFlag.indexOf(s)==0;	}

	

	this.removeChild = function(n) {} 

	

	this.getNode=function(nid)

	{ 

		if(!this.childNodes)

			return null;

			

		for(var i=0;i<this.childNodes.length;i++){

			if(this.childNodes[i].id==nid)

				return this.childNodes[i];

		} 

		

		return null; 

	}

	

	this.appendChild=function(childNode)

	{

		if(this.getNode(childNode.id)!=null){

			alert("repeat child: ID="+id);

			return false;	

		}

		if(this.childNodes==null){ 	 

			 this.childNodes  = new Array();

			 this.firstChild  = childNode;

		} 

		this.childNodes.push(childNode);	

		this.degree++;

		childNode.parentNode  = this; 

		childNode.leftSibling = this.lastChild;

		if(this.lastChild)

			this.lastChild.rightSibling = childNode;

		this.lastChild = childNode;		

		return true;

	}

	

	this._next_LEFTFIRST = function()	//左序优先遍历，深度优先 ，文件夹结构

	{	

		if(this.isRoot()&&this.bCollapsed)

			return null;

		if(!this.isLeaf()&&!this.bCollapsed)	//有子节点

			return this.childNodes[0];			

		//没有子节点或者子节点被折叠了，都到下一个兄弟节点

		if(this.rightSibling)  //找到下一个子节点

			return 	this.rightSibling;	

		//遍历返回父节点,直到在某层找到一个兄弟节点

		var pNode = this.parentNode;

		while(!pNode.isRoot())

		{

			if(pNode.rightSibling)  //找到父节点的下一个子节点

				return 	pNode.rightSibling;	

			pNode = pNode.parentNode;	

		}

		return null;

	}

	

	this._next_RIGHTFIRST = function()	//右序优先遍历，广度优先，组织架构图

	{  

		var treeLNL = this.ownerTree.getLayeredNodesList();

		

		var sameLayerNodes = treeLNL[this.level]; 

		var nodesCount = sameLayerNodes.length;

		var _index = 0;

		

		for(var i=0;i<sameLayerNodes.length;i++){

			if(sameLayerNodes[i].id==this.id){

				_index = i;	

				break;

			}	

		}  

		_index++;

		if(_index<nodesCount)

			return sameLayerNodes[_index];

		if(this.level+1==treeLNL.length)//最底层

			return null;

			

		return treeLNL[this.level+1][0];

	}

}



function JsTree(treeid,rootNodeId)

{  

	var ownedNodes 		= new Array();

	var id 				= null;

  	var depth			= 0;

  	var degree			= 0; 

  	var rootID			= null;

  	var root			= null;

  	var	LayeredNodesList= new Array();

  	

  	var created 		= false;

  	  	

  	this.getLayeredNodesList = function()	{	return LayeredNodesList;	}

  	this.getRoot=function()	{	return root;	}

  	this.hashCode 	= function()	{	return this._SUPER.hashCode();	}

	this.getClass 	= function()	{	return this._SUPER.getClass();	}   	

  	//构造函数

	this.init= function()

	{ 

		id = treeid ;

		rootID = rootNodeId;

	}.call();

	this.addNode  =	 function(newNode)	

	{ 	

		ownedNodes.push(newNode);	

		newNode.ownerTree = this;

	}

	this.setNodes =  function(newNodes)  

	{	

		ownedNodes=newNodes;	

		for(var i=0;i<ownedNodes.length;i++)

			ownedNodes[i].ownerTree = this;

	}

	this.resetNodes =  function()  

	{	

		for(var i=0;i<ownedNodes.length;i++)

			ownedNodes[i].bIterated = false;

	}

	this.getNode=function(nid)

	{

		for(var i=0;i<ownedNodes.length;i++){

			if(ownedNodes[i].id==nid)

				return ownedNodes[i];

		}

		alert("Development ERROR, CANNOT GET TREENODE: ID="+nid);

		return null; 

	} 

	

	this.collapseNode=function(id) 	{	this.getNode(id).switchCollapse();	}

	this.collaspeAll=function(status)

	{

		for(var i=0;i<ownedNodes.length;i++)

			ownedNodes[i].collapse(status);

	}

	

	this.create=function()

	{

		if(created)

			return; //只调用一次

		created = true;	

			 

		root = this.getNode(rootID);

		if(root==null){

			alert("root not found: ID="+rootID);

			return;

		} 

		for(var i=0;i<ownedNodes.length;i++){

			var tn = ownedNodes[i];

			if(tn.id==root.id)

				continue;	

			var ptn = this.getNode(tn.pid);

			if(ptn==null)

				return;

			ptn.appendChild(tn);

			if(ptn.degree>degree)

				degree = ptn.degree;

		}

		processNode(root);

		depth++;   //depth=max(node.level)+ 1 		

		LayeredNodesList.push(new Array(root)); 

		processLayeredNodesList(0,LayeredNodesList);

	}

 	

	function processNode(node)

	{

		if(node.isRoot())

			node.ancestorFlag = node.pid+"_"+node.id;

		else{ 

			node.ancestorFlag = node.parentNode.ancestorFlag+"_"+node.id;

			node.level = node.parentNode.level+1;

		}

		if(depth<node.level)

			depth=node.level;

		if(node.isLeaf())

			return;

		for(var i=0;i<node.childNodes.length;i++){

			processNode(node.childNodes[i])

		}

	}

	

	function processLayeredNodesList(level,allLevel)

	{ 

		var newLevel = 	level+1;

		var newLevelArray =  new Array();

		var preLevel = allLevel[level];

		for(var i=0;i<preLevel.length;i++){

			var node = preLevel[i]; 

			if(node.isLeaf())

				continue;

			for(var j=0;j<node.childNodes.length;j++)

				newLevelArray.push(node.childNodes[j]);

		} 

		if(newLevelArray.length>0){ 

  			allLevel.push(newLevelArray);

  			processLayeredNodesList(newLevel,allLevel);	

  		}

 	}

}
victor_woo 2010-06-28
  • 打赏
  • 举报
 回复
也贡献一个，是从java转js的
------------------------------------
共三个文件
1：main.def.js: 树数据结构定义
2: main.imp.js: 一些基本的树生成实现（包括树形SELECT, 标准文件夹结构树[可折叠，可添加点击动作]）
3：test.html测试文件

main.Impl.js中的图片自己去找，图片文件名可以不一样,不要修改前面的NAMES
BOTTOM:"<IMG src=imgs/WindowsExplorer/nodeBottom.gif>"

适用：IE8 FireFox3.6.X

节点数目：在一个节点下不能超过150个子节点，但是分开在不同节点的话，测试超过600个以上折叠展开2s之内

使用时按照以下格式生成树对象并插入节点


var aTree = new JsTree("TestTree-1","0");

	aTree.addNode(new JsTreeNode({id: 0,pid:-1	,text:"root"}));

	aTree.addNode(new JsTreeNode({id: 1,pid:0	,text:"No1"}));

	aTree.addNode(new JsTreeNode({id: 2,pid:0	,text:"你好"}));



        aTree.create();
hoojo 2010-06-28
  • 打赏
  • 举报
 回复 


树形主要理解树形的table结构

id name parentId

1   aa   0

2   bb   0

3   cc   1

4   dd   3

根据当前的id，去查询parentId = id的数据就是子节点
Epiphone 2010-06-28
  • 打赏
  • 举报
 回复
http://www.teta.com.cn/teta/common/images/MzTreeView10/MzTreeView10.htm
MzTreeView 1.0 树形控件 Demo 这个树的节点有1000多个 但速度很快

使用：
1.下载控件,MzTreeView10
2.把MzTreeView10整个目录放置在web工程下(图片,js)
3.在后台建一个 java类（生成字符串返回给前台）
格式如下：

tree.nodes["408_1239"]=" text:显示文本; data:id=自己的ID;URL=转向的URl method:alert('');";

！注意分号和 “”号也都要，自己写方法取得数据库要生存树的表所有记录，然后拼凑，一条记录生成一个这样的节点字符串给JS解析

tree是可以指定的树的名称
408 是数据库的父节点id
1239 是自己的id
text 是显示在页面的节点名称
data 跟URL 配和，当点击转向另外地址是 后面自动带参数id=自己的ID;如url.jsp?id=5;
mehod 点击后触发的js方法，可自定义执行

默认解析根节点为0（数据库要设置）


java

  String sqlStr = "select id,parent_id, name from DREAM_COURSE_CATEGORY where parent_id is not null order by parent_id ";

try {

HibernateDao.getSession().beginTransaction();

conn = HibernateDao.getSession().connection();

stmt = conn.createStatement();

rs = stmt.executeQuery(sqlStr);



while ( rs.next()) {



s+="tree.nodes['"+rs.getString("parent_id")+"_"+rs.getString("id")+"'] = 'text:"+rs.getString("name")+";method:myfunc(\""+rs.getString("name")+','+rs.getString("id")+"\")';";

}

System.out.println(s);

conn.commit();

}catch( SQLException e){

e.printStackTrace();

}finally{

try{

if( stmt != null ) stmt.close();

if( rs != null ) rs.close();

if( conn != null ) conn.close();

}catch( SQLException e){

e.printStackTrace();

}

}

jsp


<%@ page language="java" pageEncoding="UTF-8"%>

<%@ page import="util.*,java.util.*,com.feiji.dto.SysMenuDto,org.dom4j.Document;"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<SCRIPT type="text/javascript" src="<%=basePath %>js/test.js"></SCRIPT>

<SCRIPT type="text/javascript" src="<%=basePath %>js/MzTreeView10.js"></SCRIPT>

<link rel="stylesheet" href="images/total.css" type="text/css">



<style>

 <style type="text/css">

  body, td

  {

  font-family: 宋体;

  font-size: 12px;

  }

  A:LINK, A:VISITED, A:ACTIVE, A:HOVER

  {

  color:#000;

  text-decoration:none;

  font-family:arial;

  font-size:12px;

  padding-left:2px;

  }

  </style>





<title>文件</title>

</head>



<body class="body01">



<% %>

  <table width="100%" border=0 cellspacing=3 bgcolor="#B8D1F8">

  <tr>

  <td bgcolor=white valign=top>

  <div id=treeviewarea style="background-color: "></div>

  <SCRIPT LANGUAGE="JavaScript">

  <!--

  var tree = new MzTreeView("tree");

  tree.setIconPath("/elearn/course/treeImages/");

tree.nodes['0_1'] = 'text:课程目录1';

   

   

  <%

 

 

 

   

  String tree = (String)request.getAttribute("treeList");

   

  out.print(tree);

   

%>

   







  document.getElementById('treeviewarea').innerHTML = tree.toString();



   

   



   

   

function myfunc(n){

window.returnValue= n;

 

  window.close();





}

  //-->

  </SCRIPT>

   

  </tr>

  </table>

</body>

</html>
Epiphone 2010-06-28
  • 打赏
  • 举报
 回复
http://www.teta.com.cn/teta/common/images/MzTreeView10/MzTreeView10.htm
MzTreeView 1.0 树形控件 Demo

使用：
1.下载控件,MzTreeView10
2. 把MzTreeView10整个目录放置在web工程下(图片,js)
3.在后台建一个java类（生成字符串返回给前台）
格式如下：

tree.nodes["408_1239"]=" text:显示文本; data:id=自己的ID;URL=转向的URl method:alert('');";

！注意分号和“”号也都要，自己写方法取得数据库要生存树的表所有记录，然后拼凑，一条记录生成一个这样的节点字符串给JS解析

tree是可以指定的树的名称
408 是数据库的父节点id
1239 是自己的id
text 是显示在页面的节点名称
data 跟URL 配和，当点击转向另外地址是 后面自动带参数id=自己的ID;如url.jsp?id=5;
mehod 点击后触发的js方法，可自定义执行

默认解析根节点为0（数据库要设置）
zheng192004 2010-06-28
  • 打赏
  • 举报
 回复
tree标签
开门大吉送吉祥 2010-06-28
  • 打赏
  • 举报
 回复
dtree。
奥斯特洛夫司机 2010-06-28
  • 打赏
  • 举报
 回复
dtree
valen_jia 2010-06-28
  • 打赏
  • 举报
 回复
直接跟老板说做不完
抓不住老鼠的猫-总是眼睁睁看它逃跑 2010-06-28
  • 打赏
  • 举报
 回复
用table简单
CharmScorpioMan 2010-06-28
  • 打赏
  • 举报
 回复
建议用dtree 但是要考虑性能的问题，它属于一次性加载，节点超过300好像浏览器就会报错了，脚本运行造成浏览器过慢
thinkhlin_down 2010-06-28
  • 打赏
  • 举报
 回复
dhatv树可以使用，这个树算是比较完整的功能了
wangjin9805 2010-06-28
  • 打赏
  • 举报
 回复
最简单的可以用dtree，要是动态的树也可用用dtree+dwr实现
xXx_o0 2010-06-28
  • 打赏
  • 举报
 回复
到网上去下 eXtree javascript写的树
JAVA 上传下载JAVA代码
Java.io 包几乎包含了所有操作输入、输出需要的类。所有这些流类代表了输入源和输出目标。Java.io 包中的流支持很多种格式，比如：基本类型、对象、本地化字符集等等。一个流可以理解为一个数据的序列。输入流表示从一个源读取数据，输出流表示向一个目标写数据。Java 为 I/O 提供了强大的而灵活的支持，使其更广泛地应用到文件传输和网络编程中。但本节讲述最基本的和流与 I/O 相关的功能。我们将通过一个个例子来学习这些功能。
【思路分享】一键生成树形结构
在日常工作中，我们经常会遇到需要生成树形结构的需求，例如：部门树、菜单树等，我们以往的实现方式是写一个递归算法来实现，但是如果这样的需求多了，我们难不成要给每个需求都写一个递归算法来实现吗？显然这是不合理的，我们这样操作会造成很多的冗余代码。那么我们有没有更好的实现思路呢？
若依(ruoyi)代码生成树表结构的那些坑
若依(ruoyi)代码生成树表结构的那些坑
树形结构解析
文章分类:Web前端// 图片透明
function setPng(img, w, h) {
ua = window.navigator.userAgent.toLowerCase();
if (!/msie/.test(ua))
return;
imgStyle = "display:inline-block;" + img.style.cssText;
strNewHTML = "
怎么在java中实现树状数组_Java基础 - 树状数组Java版
下面的文字说明引用了 int64Ago的一篇博文。用什么语言来形容当时的感觉呢？……太神奇了！真的，无法表达出那种感觉，她是那么的优雅，10行不到的代码，却把事情干的如此出色！没有了解她原理的前提下即使把代码倒背如流也理解不了！下面我争取用自己的方式让更多人明白她，而不是背诵她。为了更方便的说明，文章里会自己强加一些概念，只是为了更好的理解，不是什么专业术语之类的。一、树状数组是干什么的？平常我...
Web 开发

81,092

社区成员

341,716

社区内容

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章