`
xiang37
  • 浏览: 429543 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

Java后台返回easyUI的comboxTree数据

 
阅读更多

easyUI的实现,其中包括一次加载完毕和动态树:

 

public void getAllOrgTree() throws IOException
    {
        log.info("getAllOrgTree start");
        Integer parentId = Integer.valueOf(0);
        if (StringUtils.isNotEmpty(node))
        {
            parentId = Integer.valueOf(node);
        }
        List<IvOrgTreeVo> optionList = new ArrayList<IvOrgTreeVo>();

        this.getAllOrgTree(optionList, parentId);
        JSONArray jsonArray = JSONArray.fromObject(optionList);
        super.response.getWriter().write(jsonArray.toString());

    }

    @SuppressWarnings("unchecked")
    private void getAllOrgTree(List<IvOrgTreeVo> treeList, Integer orgId)
    {
        BusinessResponse businessResponse = orgService.getAllOrgByParentId(orgId);
        List<Org> orgList = (List<Org>) businessResponse.getAttribute(CommonConstant.RESULT);

        for (Org org : orgList)
        {
            IvOrgTreeVo treeVo = new IvOrgTreeVo();
            treeVo.setId(org.getSysId());
            treeVo.setText(org.getOrgName());

            BusinessResponse countResponse = orgService.getOrgCountByParentId(org.getSysId());
            Long total = (Long) countResponse.getAttribute(CommonConstant.TOTAL_COUNT);
            if (total > 0)
            {
                List<IvOrgTreeVo> optionList = new ArrayList<IvOrgTreeVo>();
                getAllOrgTree(optionList, org.getSysId());
                treeVo.setChildren(optionList);
                treeVo.setState("closed");
                treeList.add(treeVo);
            }
            else
            {
                treeList.add(treeVo);
            }
        }
    }

//动态树的方法
 public void getEasyUITree() throws IOException
    {
        Integer parentId = Integer.valueOf(0);
        if (StringUtils.isNotEmpty(node))
        {
            parentId = Integer.valueOf(node);
        }
        
        BusinessResponse businessResponse = orgService.getAllOrgByParentId(parentId);
        List<Org> orgList = (List<Org>) businessResponse.getAttribute(CommonConstant.RESULT);
        List<IvOrgTreeVo> optionList = new ArrayList<IvOrgTreeVo>();
        for (Org org : orgList)
        {
            IvOrgTreeVo treeVo = new IvOrgTreeVo();
            treeVo.setId(org.getSysId());
            treeVo.setText(org.getOrgName());
            
            BusinessResponse countResponse = orgService.getOrgCountByParentId(org.getSysId());
            Long total = (Long) countResponse.getAttribute(CommonConstant.TOTAL_COUNT);
            if (total > 0)
            {
                treeVo.setState("closed");
            }
            else
            {
                treeVo.setState("open");
            }
            
            optionList.add(treeVo);
        }
        JSONArray jsonArray = JSONArray.fromObject(optionList);
        super.response.getWriter().write(jsonArray.toString());
        
    }

 

 

JSP页面展示:

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery EasyUI</title>
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/jslib/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/jslib/easyui/themes/icon.css">
	<script type="text/javascript" src="<%=request.getContextPath()%>/jslib/easyui/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/jslib/easyui/jquery.easyui.min.js"></script>
	<script>
		function reload(){
			$('#orgTree').combotree('reload');
		}
		function setValue(){
			$('#orgTree').combotree('setValue', 2);
		}
		function getValue(){
			var val = $('#orgTree').combotree('getValue');
			alert(val);
		}
		function disable(){
			$('#orgTree').combotree('disable');
		}
		function enable(){
			$('#orgTree').combotree('enable');
		}
	</script>
</head>
<body>
	<h1>ComboTree</h1>
	<div style="margin-bottom:10px;">
		<a href="#" onclick="reload()">reload</a>
		<a href="#" onclick="setValue()">setValue</a>
		<a href="#" onclick="getValue()">getValue</a>
		<a href="#" onclick="disable()">disable</a>
		<a href="#" onclick="enable()">enable</a>
	</div>
	<span>Select:</span>
	<select class="easyui-combotree" id="orgTree" name="org" url="http://127.0.0.1:8080/xivamsys/org/getAllOrgTree.action" multiple="true" cascadeCheck="false" style="width:200px;"></select>
	<select id="dynamicTree" style="width:200px ;"  multiple="true" ></select>
	
	<script type="text/javascript">
		$(document).ready(function(){
			$('#orgTree').combotree('setValue', 1);
		});
                //动态树的加载
		$( '#dynamicTree' ).combotree ({
			url:"http://127.0.0.1:8080/xivamsys/org/getEasyUITree.action",  
			onBeforeExpand:function(node) {
			      $('#dynamicTree').combotree("tree").tree("options").url = "http://127.0.0.1:8080/xivamsys/org/getEasyUITree.action?node=" + node.id;
			}
	    }); 
	</script>
</body>
</html>

 

 



 附:easyUI的API地址,http://www.jeasyui.com/documentation/index.php

  • 大小: 28.2 KB
分享到:
评论

相关推荐

    java后台+easyui框架实现的所有demo

    Java后台需要提供递归查询数据的方法,构建树形结构并返回给前端。 5. **对话框**:Dialog组件常用于弹窗操作,如信息提示、确认对话、表单编辑等。Java后端可能提供了处理对话框请求的接口,例如保存表单数据、...

    java后台+easyui完整curd

    在这个项目中,“java后台+easyui完整curd”是一个利用Java技术和EasyUI框架构建的简单但全面的示例,用于展示如何进行创建(Create)、读取(Read)、更新(Update)和删除(Delete)数据的基本操作。 1. **Java...

    java后台实现easyui的权限管理系统

    在Java后台,Spring框架常用于实现业务逻辑和控制层的解耦。 12. **部署与运行**:项目完成后,需要进行打包、配置服务器环境,如Tomcat,并将数据库文件导入到服务器的MySQL实例中,确保系统能正常运行。 通过这...

    easyui-combobox、combotree后台数据数据组装与前台绑定实例

    总结来说,"easyui-combobox、combotree后台数据数据组装与前台绑定实例" 主要涉及两个部分:后端 C# 数据组装成 JSON 格式,以及前端使用 EasyUI 的 Combobox 和 Combotree 组件进行数据绑定。通过这样的方式,我们...

    easyUI与java后台交互

    综上所述,EasyUI与Java后台的交互涉及前端组件的使用、后端接口的设计、数据的序列化与反序列化、以及多层面的安全策略。掌握这些知识点,能帮助开发者构建出高效、稳定且安全的用户管理功能。在实际项目中,还需要...

    使用easyui表格数据动态生成饼图

    "使用easyui表格数据动态生成饼图"的主题涉及到前端开发中的几个关键点:EasyUI框架、数据处理以及JavaScript图表库ECharts。下面我们将深入探讨这些知识点。 首先,EasyUI是一个基于jQuery的UI库,它提供了一系列...

    EasyUI做的漂亮的后台管理框架

    EasyUI是一款基于jQuery的前端开发框架,专门用于构建用户界面,尤其适合打造后台管理系统。它提供了丰富的组件,如表格、树形结构、下拉菜单、对话框等,以帮助开发者快速构建具有专业外观的Web应用。标题“EasyUI...

    EasyUI+java demo

    3. **数据绑定**:使用EasyUI的数据源(如`datagrid`的`url`属性)与后端Java服务进行交互,展示和操作数据库中的数据。 4. **事件处理**:学习如何监听和响应EasyUI组件的内置事件,如点击按钮、选择行等,通过...

    java源码 EasyUI-2 后台框架(仅供参考) 2018127

    这个“java源码 EasyUI-2 后台框架”是一个基于 Java 和 EasyUI 的后台管理系统框架,主要用于展示如何将 EasyUI 与后端服务进行集成,实现数据的动态展示和交互。 首先,我们来了解一下 EasyUI 在后台开发中的应用...

    easyui后台管理系统

    2. **表格组件**:EasyUI的表格组件支持数据分页、排序、过滤和编辑等功能,可与后台数据源无缝对接,展示和处理大量数据。 3. **表单组件**:包括输入框、下拉框、复选框、单选按钮等,用于收集用户输入的数据,...

    一头扎进 easyui 视频教程 java1234出品 第2部分 共2部分

    一头扎进 easyui 视频教程 java1234出品 第2部分 共2部分

    后台模板HTML+整套Easyui皮肤组件-后台管理系统模板

    后台模板HTML+整套Easyui皮肤组件-后台管理系统模板后台模板HTML+整套Easyui皮肤组件-后台管理系统模板后台模板HTML+整套Easyui皮肤组件-后台管理系统模板后台模板HTML+整套Easyui皮肤组件-后台管理系统模板后台模板...

    easyui datagrid 数据导出到Excel

    在IT行业中,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如排序、分页、过滤等。在实际工作中,我们经常需要将这些展示的数据导出到Excel文件,以便进行进一步的分析或存储。下面...

    java方法实现easyui得到树的json

    java方法实现easyui得到树的json

    java+EasyUI完整项目例子

    在实际开发中,Java通过HTTP请求与前端EasyUI组件交互,处理数据并返回响应。EasyUI则负责展示这些数据,提供用户交互。例如,一个常见的场景是,用户在前端页面上触发一个操作(如点击按钮),EasyUI通过Ajax向后端...

    java--easyUI+struts+JSP+MySQL实现简单的增删查改

    【标题】"java--easyUI+struts+JSP+MySQL实现简单的增删查改" 涉及到的是一个基于Java技术栈的Web应用程序开发,主要包括以下几个关键知识点: 1. **Struts框架**:Struts是Apache组织提供的一个开源MVC框架,用于...

    easyui(12套后台模版),花钱购买的,漂亮简洁清新

    easyui漂亮的后台管理框架,共12套,花钱购买的,有橙色模版,黑色模版,红色模版,蓝色模版,绿色模版,浅蓝色模版,深灰模版,深蓝模版,office2016版,数字管理系统,信息考核系统,云平台以及PSD源图。

    easyui+数据导出为Excel

    本文将详细介绍如何在基于EasyUI的前端框架下实现数据导出为Excel的功能。 EasyUI是一个基于jQuery的轻量级前端框架,它提供了丰富的组件和样式,帮助开发者快速构建用户界面。然而,EasyUI本身并不直接支持数据...

    Java后端easyui框架sql查询

    在"Java后端easyUI框架sql查询"这个场景中,核心是利用Java后端处理SQL查询并返回数据到前端。Java后端主要涉及以下几个知识点: 1. **JDBC(Java Database Connectivity)**:这是Java连接数据库的标准API,允许...

Global site tag (gtag.js) - Google Analytics