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,其中有重要的参数信息
时间: 2024-10-10 08:45:46