Js-easyui初始化树

原创 2013年12月05日 15:45:04
<body>
<jsp:include page="/av/top.jsp"></jsp:include>
<jsp:include page="/av/module/head.jsp"></jsp:include>
<!-- nav -->
<div class="zsnavigation">aa<img src="av/images/erjidhimg.png" />发布aa</div>
<!-- main -->
<div class="zserjimain">
	<div id="leftTree" class="zsermleft" style="overflow-y:auto ;height:480px;width:199px;border:0px solid black;">
		<ul id="mytree" style="height:190px;"> </ul>  
	</div>
	<div id="rightPage" class="zsermright">
		<iframe id="dynaPage" src="<%=request.getContextPath()%>/av/module/knowledge/knowledgePublish/dynaPage.jsp"  frameborder="0"  width="100%" onload="dyniframesize('dynaPage');"></iframe>
	</div>
</div>
<!-- 
<div id="mm" class="easyui-menu" style="width: 120px;">
	<div onclick="MenuWin()" iconcls="icon-add">添加子菜单</div>
	<div onclick="updateMenu()" iconcls="icon-edit">修改</div>
	<div onclick="delMenu()" iconcls="icon-remove">删除</div>
</div>
 -->
<div id="zhsh_foot">© 2013 </div>

<script type="text/javascript">
var baseurl = '<%=request.getContextPath()%>';

$(function(){
 	loadProcessTree();
 	dyniframesizeDiv("leftTree");
 	window.setTimeout("expand()", 400);
});

function loadProcessTree(id){
	$('#mytree').tree({   
		checkbox: false,   
		lines : true,
		method : 'post',
		iconCls: 'icon-catalog',
	    url:'pl/templateClass/getTemplateClassTreeRoot.json?rootId='+(id==undefined||id==""?"KnowledgeTemplateClass":id),  
	    onBeforeExpand:function(node,param){
	    	 $('#mytree').tree('options').url = "pl/templateClass/getChildNodeWithPrivilege.json?parentId=" + node.id ;
	    	 $('#mytree').tree('update', {
	             target: node.target,
	             iconCls: 'icon-file'
	         });
	    },
	    onClick:function(node){
	    	var b = $("#tree").tree('isLeaf',node.target);
	    	//document.getElementById("listTable").src="pl/template/templateListByclassId?tableName="+node.attributes.tableName;
	    	if(b){
	    		getTemplateForPublish(node);
	    	}else{
	    		getIntroductionInfo(node);
	    	}
      	},
      	onContextMenu: function(e, node){  
            e.preventDefault();  
            $('#mytree').tree('select', node.target);  
            $('#mm').menu('show', {  
                left: e.pageX,  
                top: e.pageY  
            });  
        }
	});
}

function getIntroductionInfo(node){
	expand();
	if(node){
		window.frames['dynaPage'].loadIntroduction(node.id);
	}
}
function getTemplateForPublish(node){
	if(node){
		if(node.attributes && node.attributes.tableName){
			var tableName=node.attributes.tableName;
			window.frames['dynaPage'].loadTemplage(tableName);
		}
	}
}

function expand() {
	var node = $('#mytree').tree('getSelected');
	if(node){
		$('#mytree').tree('expand',node.target);
	}else{
		$('#mytree').tree('expandAll');
	}
}
</script>
</body>

 

/**
	 * 
	 * @return Collection 树的根,
	 * @throws Exception
	 */
	@RequestMapping("/getTemplateClassTreeRoot")
	public void getTreeRoot(HttpServletRequest request,
			HttpServletResponse response) throws Exception {
		String roodId = request.getParameter("rootId");
		List<KmTemplateClass> classList = templateClassService
				.getTreeRoot(roodId);
		List<BmpCatalogTreeModel> resultList = templateClassService
				.getCatalogTreeDataJson(classList);

		ObjectMapper mapper = new ObjectMapper();
		String dataStr = mapper.writeValueAsString(resultList);
		response.getWriter().write(dataStr);
		response.getWriter().flush();
		response.getWriter().close();
	}


 

jquery easyui树的简答构造+动态生成js全局变量

jquery easyui树的简答构造: JSP页面 组织机构: function loadOrgan(){ organ_combotree = $("#p_orga...

jquery easyui树的简答构造+动态生成js全局变量

jquery easyui树的简答构造: JSP页面 [html] view plaincopy 组织机构: input id="p_orga...

easyui-lang-cs.js文件

  • 2017年12月06日 00:00
  • 2KB
  • 下载

easyui用到的js文件

  • 2017年04月27日 08:25
  • 92KB
  • 下载

用jquery easyUI,子页面不能调用js?该如何处理

 用jquery easyUI,子页面不能调用js? 本帖最后由 vc_coldplay 于 2013-01-25 19:22:46 编辑 续:http://bbs.csdn.net/top...

jquery.easyui.patch.js

  • 2015年08月06日 16:38
  • 20KB
  • 下载

easyui用到的JS包

  • 2016年07月17日 11:17
  • 315KB
  • 下载

easyui中前台利用js导出显示的datagrid

第一步:添加datagrid 的扩展属性(可以写在通用js文件中) /** Jquery easyui datagrid js导出excel 修改自extgrid导出excel...
  • hb0746
  • hb0746
  • 2015年01月09日 22:33
  • 8878

jquery.easyui.min.js

  • 2013年12月27日 11:33
  • 231KB
  • 下载

jquery-easyui-1.4例子及js库

  • 2016年10月22日 09:44
  • 3.64MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Js-easyui初始化树
举报原因:
原因补充:

(最多只允许输入30个字)