码迷,mamicode.com
首页 > Web开发 > 详细

js实现树形内容展示

时间:2017-03-17 14:35:22      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:20px   require   地址   代码   auto   blog   value   alt   display   

 

 

1.首先这里有一个demo,里边有封装好的js文件。地址:http://files.cnblogs.com/files/feifeishi/dtree.zip

2.直接上代码

<div style="height:auto;margin-left: 20px;">  
                  
                  <s:iterator value="targetlist">
    				<input type="text" style="display:none" value="<s:property value="id.targetnumber.trim()"/>" class="targetnumber">
 				 </s:iterator>
 				 <s:iterator value="requirementlist">
    				<input type="text" style="display:none" value="<s:property value="id.requirementnumber.trim()"/>" class="requirementnumber">
 				 </s:iterator>
                  <s:iterator value="pointlist">
    				<input type="text" style="display:none" value="<s:property value="id.pointnumber.trim()"/>" class="pointnumber">
 				 </s:iterator>
                  
	<script type="text/javascript">		
	d = new dTree(‘d‘);
	d.add(0,-1,‘培养要求树‘);		
	d.add(10,0,‘培养要求‘);
	$(‘.targetnumber‘).each(function(){
	d.add(this.value,10,‘培养目标‘+this.value,‘Target4.action?targetnumber=‘+this.value+‘‘, ‘‘, ‘main‘);
	});
	$(‘.requirementnumber‘).each(function(){
	d.add(this.value,this.value.substring(0,1),‘毕业要求‘+this.value,‘Point.action?requirementnumber=‘+this.value+‘‘, ‘‘, ‘main‘);
	});
	$(‘.pointnumber‘).each(function(){
	d.add(this.value,this.value.substring(0,2),‘指标点‘+this.value,‘PointPoint.action?requirementnumber=‘+this.value+‘‘, ‘‘, ‘main‘);
	});
	document.write(d);
		
	</script>

  前半部分的s标签是获得action中传过来的list的值,从而使js可以使用这些值。js中是写树的节点,打印树。

3.效果截图:

技术分享

4.文件中有一个api,其中有重要的参数信息

技术分享

 

js实现树形内容展示

标签:20px   require   地址   代码   auto   blog   value   alt   display   

原文地址:http://www.cnblogs.com/feifeishi/p/6565785.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!