jquery-easyui 动态树

原创 2012年03月23日 16:26:54

首选在jsp页面中引入相关的js

<link rel="stylesheet" type="text/css" href="<%=path %>/css/jquery_easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="<%=path %>/css/jquery_easyui/themes/icon.css">
	<script type="text/javascript" src="<%=path %>/js/jquery_easyui/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="<%=path %>/js/jquery_easyui/jquery.easyui.min.js"></script>

添加script

	<script>
			$(function(){
			$('#tt2').tree({
				checkbox: false,
				url: '<%=path%>/formconfig/loadWfNodes.do',
				onBeforeExpand: function(node){
				  $('#tt2').tree('options').url = '<%=path%>/formconfig/loadWfNodes.do?wfId='+node.id;
				}
			});
		});
	</script>


 

在body中加入

 <body> 
		<ul id="tt2">
		<li state="closed" id='0'><span>流程列表</span></li>
		</ul>
  </body>


后台拼接json数据

package com.aegon_cnooc.oa.formconfig.action;

import java.io.PrintWriter;
import java.util.List;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;

import com.aegon_cnooc.framework.base.action.BaseAction;
import com.aegon_cnooc.oa.formconfig.service.FormConfigService;
import com.aegon_cnooc.oa.ibatis.to.TuOafWfTO;
import com.aegon_cnooc.oa.ibatis.to.TuOafWfnodesTO;
import com.aegon_cnooc.util.StringUtil;
/**
 * 加载流程下的节点的名称
 * @Author: liuxinghui
 * @Date: 2011-9-8
 * @Version: 2.0
 * @Despcrition:
 */
public class LoadWfNodesAction extends BaseAction{
	private FormConfigService formConfigService;
	public ActionForward executeAction(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response)
			throws Exception {
		String wfId=request.getParameter("wfId");
		String jsonstr = "[";
		if(StringUtil.isNotEmpty(wfId)&&"0".equals(wfId)){
			
			List wfList=formConfigService.findWf();
			for(int i=0;i<wfList.size();i++){
				TuOafWfTO wfTo=(TuOafWfTO)wfList.get(i);
			jsonstr=jsonstr+
				"{\n" +
				"    \"id\":"+wfTo.getWfid()+",\n" + 
				"    \"text\":\"<a href='javaScript:void(0)' target='mainFrame'>"+wfTo.getWfname()+"</a>\",\n" + 			
				"    \"state\":\"closed\"\n" + 
				"  },";
			}
			int end=jsonstr.length()-1;//去掉最后一个逗号
			String json=jsonstr.substring(0,end);
			json=json+"]";
		response.setContentType("application/json;charset=gbk");
		response.setCharacterEncoding("gbk");
		PrintWriter pw = response.getWriter();
		pw.write(json);
		pw.flush();
		}else{
		List wfNodes=formConfigService.findWfNodesById(wfId);
			for(int i=0;i<wfNodes.size();i++){
				TuOafWfnodesTO wfNodesTo=(TuOafWfnodesTO)wfNodes.get(i);
			jsonstr=jsonstr+
				"{\n" +
				"    \"id\":"+wfNodesTo.getNodeid()+",\n" + 
				"    \"text\":\"<a href='" + request.getContextPath()+
				"/formconfig/loadGroupByWfIdAndNodeId.do?wfId="+wfId+"&nodeId="+wfNodesTo.getNodeid()+"' target='mainFrame'>"+wfNodesTo.getGenstepname()+"("+wfNodesTo.getNodeid()+")</a>\",\n" + 		
				"    \"state\":\"closed\"\n" + 
				"  },";
			}
			int end=jsonstr.length()-1;//去掉最后一个逗号
			String json=jsonstr.substring(0,end);
			json=json+"]";
		response.setContentType("application/json;charset=gbk");
		response.setCharacterEncoding("gbk");
		PrintWriter pw = response.getWriter();
		pw.write(json);
		pw.flush();
		}
		return null;
	}
	public void setFormConfigService(FormConfigService formConfigService) {
		this.formConfigService = formConfigService;
	}

}


 

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

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

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

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

Jquery-easyUI动态菜单

  • 2014年04月11日 20:21
  • 1.52MB
  • 下载

JS+jQuery+Easyui实现动态添加控件及赋值

背景:某天阳光明媚的午后,和小伙伴们完一个游戏,在一个黑箱中放了红橙黄绿青蓝紫七种颜色的球,我让几名玩游戏的小伙伴分别从黑箱里抓球,并且统计他们都抓了哪种颜色的球。。最后的结果是,有抓的多,有抓的少,...
  • mayfla
  • mayfla
  • 2015年09月05日 21:14
  • 5396

jQuery easyUI动态的课表

draggable拖拽和droppable放置 建议用IE或火狐浏览器,亲测! jQuery EasyUI Demo .left{ width:120p...

jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法

现象:        AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout" 等   处理方法:       在html片...

Jquery easyUI datagrid 服务器端动态生成列配置返回到前台显示

前台JS代码: [javascript] view plaincopyprint? //查询方法  function query() {      var params = g...

js简单显示和隐藏div,触发超链接,动态更改button值,setInterval()简单使用,jquery easyui弹出框简单使用

Insert title here window.onload=function(){ document.getElementById("hi1").onclick = function(){...

jQuery easyUI动态获取表结构并显示表中的数据)

问题描述一:   首先根据输入的sql语句获得相关的列名称返回给前台,然后在datagrid中动态加载列,接着根据查询条件(包括sql语句)获取相关的记录返回给前台用于填充datagrid。从而实...

jQuery EasyUI DataGrid根据字段动态合并单元格

转载自http://www.gogogogo.me/development/EasyUI-DataGrid-mergeCells.html
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery-easyui 动态树
举报原因:
原因补充:

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