tree 实现

[java]代码库

<mvc:resources location="/zTree-zTree_v3-master/"
		mapping="/zTree-zTree_v3-master/**"></mvc:resources>


 /***动态显示tab页面***********end*****陈丽娜**********2015-1-7****/


$(function(){
		$('#tt').tree({
			 animate: false,
				state:"closed",
			 url:"info/queryAll",
			     
			 onClick: function(node){ 
				 addTab(node.text,'institution?id='+node.id+"&name="+node.text);
			 },
			 onContextMenu : function(e,node) { //右键时触发事件
				e.preventDefault(); //阻止浏览器捕获右键事件
				$(this).tree('select',node.target);
				$('#RightPointmenu').menu('show', {
					//显示右键菜单
					left : e.pageX,//在鼠标点击处显示菜单
					top : e.pageY
					
				});

				
			},
			//数据加在完成后折叠起第二菜单
			onLoadSuccess:function(node,data){
				setTreeStyle();

			}
			
			       
		});

		
				
	});

		
		
	

function setTreeStyle(){

	 //查询一共有多少个信息节点
	var numCollege =  $(".tree-title").parent().parent().parent().length;

	//循环编译所有的二级学院，并将所有的节点设置成折叠其的状态
	for(i=2;i<numCollege ;i++)
	{
		$(".tree-title").parent().parent().parent().eq(i).css({"display":"none"})
	}
	//设置折叠的显示样式（easyUI需要的属性，是设置倒三角的样式）
	$(".tree-folder").removeClass("tree-folder-open");;
	$(".tree-hit").removeClass("tree-expanded")
	$(".tree-hit").addClass("tree-collapsed")

}