用easyUI创建树状图并且有上一页下一页

主要代码
java

public void wslaZjxxTree() {
		String laoid = getPara("laoid"),fjid=getPara("fjid"),zjid=getPara("zjid");
		String lx = WslaZjxx.dao.findById(zjid).getStr("lx");//进入页面的材料类型
		List<WslaZjxx> lxmcList = WslaZjxx.dao.queryZjlx(laoid);
		List<WslaZjxx> zjxxList = WslaZjxx.dao.getZjxxList(laoid);
		
		 List<Map<String,Object>> treeArr_1 = new ArrayList<Map<String,Object>>();
		for(int i=0;i<lxmcList.size();i++) {
			
			
			WslaZjxx lxmc = lxmcList.get(i);
			
			Map<String,Object> treeMap_1 = new HashMap<String,Object>();
			treeMap_1.put("id", lxmc.getStr("lx"));
	    	treeMap_1.put("iconCls", "glyphicon glyphicon-user noBg userColor");
	    	if(lxmc.getStr("lx").equals(lx)) {
	    		treeMap_1.put("state", "open");
	    	}else {
	    		treeMap_1.put("state", "closed");
	    	}
	    	
	    	List<Map<String,Object>> treeArr_2 = new ArrayList<Map<String,Object>>();
			for(int j=0;j<zjxxList.size();j++) {
				WslaZjxx wslaZjxx = zjxxList.get(j);
				if(wslaZjxx.getStr("lx").equals(lxmc.getStr("lx"))) {
					Map<String,Object> treeMap_2 = new HashMap<String,Object>();
					treeMap_2.put("id", wslaZjxx.get("zjid").toString());
					if(StringUtils.isNotBlank(wslaZjxx.getStr("bctype"))&&"1".contentEquals(wslaZjxx.getStr("bctype"))) {
						treeMap_2.put("text", wslaZjxx.getStr("fjmc")+"<span class='label_flag label_flag_blue' title='第一次补充材料'>补1</span>");
						treeMap_2.put("fjxx", wslaZjxx.getStr("fjmc")+";第一次补充材料时间："+wslaZjxx.get("bccl_tjsj_1"));
					}else if(StringUtils.isNotBlank(wslaZjxx.getStr("bctype"))&&"2".contentEquals(wslaZjxx.getStr("bctype"))) {
						treeMap_2.put("text", wslaZjxx.getStr("fjmc")+"<span class='label_flag label_flag_blue' title='第二次补充材料'>补2</span>");
						treeMap_2.put("fjxx", wslaZjxx.getStr("fjmc")+";第二次补充材料时间："+wslaZjxx.get("bccl_tjsj_2"));
					}else {
						treeMap_2.put("text", wslaZjxx.getStr("fjmc"));
						treeMap_2.put("fjxx", wslaZjxx.getStr("fjmc"));
					}
					
					treeMap_2.put("url", "/upload/wordTopdf?fjid="+wslaZjxx.get("fjid")+"");
					treeMap_2.put("zjid", wslaZjxx.get("zjid").toString());
					treeArr_2.add(treeMap_2);
				}
			}
			treeMap_1.put("children", treeArr_2);//将当事人数组放入诉讼地位对象中
			treeMap_1.put("text", lxmc.getStr("lxmc")+"("+treeArr_2.size()+")");
			
			treeArr_1.add(treeMap_1);//将一级节点对象添加到一级节点数组中
		}
	    
	    System.out.println(treeArr_1);
		renderJson(treeArr_1);
	}

js

/*var action = "";
var current_role_type = "1";
var num = 0;*/
var treeRow_1='';
var treeRow_2='';
//初始化 人员信息树
$(function() {
	funShowWslaZjxxWin();
	
	setTimeout(function(){funIE()},500);//对浏览器进行判断

});

function funShowWslaZjxxWin() {
	var win = $('#wslaZjxxWin');
	win.window({
		maximized: true,
		autoOpen: true,
		collapsible: false,
		minimizable: false,
		maximizable: false,
		closable: true,
		closed: false,
		draggable: false, //是否可拖动
		resizable: true,
		shadow: true,
		modal: true,
		height: 500,
		onClose: function() {
			$("#winFull", parent.document).remove();
		},
		onOpen: function() {
			$('#tree').tree({
				url : appName + '/ssfwpt/hdxx/wslaZjxxTree?laoid=' + laoid+'&zjid='+zjid+'&fjid='+fjid,
				loadFilter : function(data) {
					var pdfurl = '';
					try {debugger;
						outer:for(var i=0;i<data.length;i++){
							var children = data[i].children;
							for(var j=0;j<children.length;j++){
								if(zjid ==children[j].zjid ){
									pdfurl=children[j].url;
									fjmc=children[j].fjxx;
									treeRow_1=i;
									treeRow_2=j;
									break outer;
								}
							}
						}
					} catch (e) {
						
					}
					
					if($.trim(pdfurl)){
						purl = appName+pdfurl;
					}
					return data;
				},
				onClick : function(node) { // 在用户点击node
					if($.trim(node.url)!=''){
						var URL=appName+node.url;
						fjmc=node.fjxx;
						pdfShow(URL);
					}
				
				},
				onLoadSuccess : function() { // 加载成功之后
					if($.trim(treeRow_1)!=''&&$.trim(treeRow_2)!=''){
						$('#tree').find('ul').eq(treeRow_1).find('li').eq(treeRow_2).find('div').addClass('tree-node-selected');
					}
					
				}
			});
		}
	});
}

function funIE(){
	// 下面代码都是处理IE浏览器的情况 
	if (window.ActiveXObject || "ActiveXObject" in window) {
		readerPDF(false);
	} else {
		pdfShow(purl);//调用显示的方法
	}
}

//显示文件方法，就是将文件展示到div中
function pdfShow(url) {
	$("#pdfContent").html('<iframe style="height:100%;width:100%;" frameborder="no" border="0" marginwidth="0"'
	+'marginheight="0" scrolling="no" allowtransparency="yes" src="' + url+ '"></iframe>');
}

//判断是否安装了adobe Reader
function readerPDF(flag) {
	//判断是否为IE浏览器，"ActiveXObject" in window判断是否为IE11
	//判断是否安装了adobe Reader
	for (x = 2; x < 10; x++) {
		try {
			oAcro = eval("new ActiveXObject('PDF.PdfCtrl." + x + "');");
			if (oAcro) {
				flag = true;
			}
		} catch (e) {
			flag = false;
		}
	}
	try {
		oAcro4 = new ActiveXObject('PDF.PdfCtrl.1');
		if (oAcro4) {
			flag = true;
		}
	} catch (e) {
		flag = false;
	}

	try {
		oAcro7 = new ActiveXObject('AcroPDF.PDF.1');
		if (oAcro7) {
			flag = true;
		}
	} catch (e) {
		flag = false;
	}

	if (flag) {//支持
		pdfShow(purl);//调用显示的方法
	} else {//不支持
		$("#pdfContent").append("对不起,您还没有安装PDF阅读器软件呢,为了方便预览PDF文档,请选择安装！安装成功后重新刷新页面！");
		alert("对不起,您还没有安装PDF阅读器软件呢,为了方便预览PDF文档,请选择安装！安装成功后重新刷新页面！");
		location = appName+"/admin2/help/AdbeRdr11000_zh_CN.exe";
	}
}

//显示PDF文件名
function showFjmc(){
	layer.tips(fjmc, '#showFjmc', {
		  tips: [1, '#3595CC'],
		  time: 10000
	});
}

/**
 * 上一页、下一页
 * @param n
 * @param tag  last 上一页；first 下一页
 * @returns
 */
function funClickPage(n,tag) {
	var hideArr = new Array();
	var nodeLi= $('#tree').find('.tree-node-selected').parent('li');
	alert(recursive(n,hideArr,nodeLi,tag));
	if(!recursive(n,hideArr,nodeLi,tag)){
		alert("暂无材料");
	}
}

//递归
function recursive(n,hideArr,nodeLi,tag) {
	if(n>2){
		return false;
	}else{
		var nodeLi2="";
		if(tag=='last'){
			nodeLi2= nodeLi.prev();
		}else if(tag=='first'){
			nodeLi2 = nodeLi.next();
		}
		if(pageHideAndShow(n,hideArr,nodeLi2,tag)){
			return true;
		}else{
			hideArr.push(nodeLi);
			return recursive(n+1,hideArr,nodeLi.parent('ul').parent('li'),tag);
		}
		
	}
}

//显示、隐藏元素
function pageHideAndShow(n,hideArr,obj,tag){
	if(obj.length==0){
		return false;
	}
	if(n==0){
		$('#tree').find('.tree-node-selected').removeClass('tree-node-selected');//当前选中的材料去掉选中样式
		$('#tree').find('.tree-node-hover').removeClass('tree-node-hover');//当前选中的材料去掉选中样式
		
		obj.find('div').addClass('tree-node-selected');//添加选中样式
		obj.find('div').addClass('tree-node-hover');//添加选中样式
	}else{
		if(n>=2){
			var obj2=obj.find('ul:'+tag+'');
			for(var i=0;i<n;i++){
				if(obj2.find('ul:'+tag+'').length==0){
					return false;
				}else{
					obj2 = obj2.find('ul:'+tag+'');
				}
			}
		}
		
		$('#tree').find('.tree-node-selected').removeClass('tree-node-selected');//当前选中的材料去掉选中样式
		$('#tree').find('.tree-node-hover').removeClass('tree-node-hover');//当前选中的材料去掉选中样式
		for(var i=0;i<n;i++){
			hideArr[i].parent('ul').css("display", "none");//当前证据ul节点隐藏
			hideArr[i].parent('ul').prev().find(".tree-hit").removeClass('tree-expanded');
			hideArr[i].parent('ul').prev().find(".tree-hit").addClass('tree-collapsed');
			hideArr[i].parent('ul').prev().find(".tree-icon").removeClass('tree-folder-open');
		}
		
		for(var i=0;i<n;i++){
			obj.find('ul').css("display", "block");//下一个或上一个文件展示
			obj.find('ul').prev().find(".tree-hit").removeClass('tree-collapsed');
			obj.find('ul').prev().find(".tree-hit").addClass('tree-expanded');
			obj.find('ul').prev().find(".tree-icon").addClass('tree-folder-open');
			if(i==n-1){
				obj.find('ul li:'+tag+'').find('div').addClass("tree-node-selected");
				obj.find('ul li:'+tag+'').find('div').addClass("tree-node-hover");
			}else{
				obj=obj.find('ul:'+tag+'');
			}
			
		}
	}
	
	var url = $('#tree').tree("getSelected").url;
	fjmc = $('#tree').tree("getSelected").fjxx;
	pdfShow(appName + url);
	return true;
}

html