easyui-tree实现及针对不同结点添加不同右键菜单

页面加载时向后台发送请求获取tree数据

	$(function(){
		$('#tree').tree({
	          url:'${pageContext.request.contextPath }/document/getMenuList',
	          animate:true,
	          checkbox:true,
	          onlyLeafCheck:true,//叶子结点添加复选框
	          onClick:function(node){//单击node事件
	            alert(node.text);
	          },
	          onContextMenu: function(e, node){ //给结点添加右键菜单 
	                        e.preventDefault();  //阻止右键默认事件
	                        var root = $('#tree').tree('getParent', node.target)//判断该结点有没有父结点
		                        if(root == null){//若成立则为根结点，添加一个右键样式，可以添加子节点
		                        	$('#parentNode').menu('show', {  
			                            left: e.pageX,  
			                            top: e.pageY  
			                        });
		                        }
	                        var leaf = $('#tree').tree('isLeaf', node.target);
	                        var parentOne = $('#tree').tree('getParent', node.target);
	                        var parentTwo = $('#tree').tree('getParent', parentOne.target);
	                        if(leaf && parentTwo != null){//本项目要求tree只有3层,若此时条件成立，说明已经是最底层（第三层），右键菜单去除添加节点
	                        	 $('#leaf').menu('show', {  
			                            left: e.pageX,  
			                            top: e.pageY  
			                        });
	                        }else{//此时说明还可以添加子节点
	                        	 $('#parentNode').menu('show', {  
			                            left: e.pageX,  
			                            top: e.pageY  
			                        });
	                        }
	                      
	                    }  
	        });
	})	$(function(){
		$('#