学习DTREE 遇到的一点疑问

jack_wang0823 2013-05-25 07:30:00

构建一个dtree 希望在点击节点返回节点的ID 和内容代码如下



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>Destroydrop » Javascripts » Tree</title>

<link rel="StyleSheet" href="dtree.css" type="text/css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript" src="dtree.js"></script>

<script type="text/javascript">



		var t_id="001";

		var t_pid="000";

		var nodenr="写字楼";

		d = new dTree('d');



		d.add("000",-1,'公司');

		d.add( t_id,t_pid,nodenr,'javascript:sele_id(t_id,nodenr)');



function  sele_id(nod_id,nod_str){

	alert(nod_str);

	alert(nod_id);

	

}

</script>

</head>



<body>

<div class="dtree">

	<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>

	<script type="text/javascript">

		document.write(d);

	</script>

</div>

</body>

</html>

这样是可以执行的, 现在的问题是这个DTree的内容是动态的, 所以想把构建过程分离出来在需要更新时调用
于是代码改成一下样子



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>Destroydrop » Javascripts » Tree</title>

<link rel="StyleSheet" href="dtree.css" type="text/css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript" src="dtree.js"></script>

<script type="text/javascript">

d_dtree();

function d_dtree(){

		var t_id="001";

		var t_pid="000";

		var nodenr="写字楼";

		d = new dTree('d');



		d.add("000",-1,'公司');

		d.add( t_id,t_pid,nodenr,'javascript:sele_id(t_id,nodenr)');

}



function  sele_id(nod_id,nod_str){

	alert(nod_str);

	alert(nod_id);

	

}

</script>

</head>



<body>

<div class="dtree">

	<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>

	<script type="text/javascript">

		document.write(d);

	</script>

</div>

</body>

</html>