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
相关推荐
Java后台需要提供递归查询数据的方法,构建树形结构并返回给前端。 5. **对话框**:Dialog组件常用于弹窗操作,如信息提示、确认对话、表单编辑等。Java后端可能提供了处理对话框请求的接口,例如保存表单数据、...
在这个项目中,“java后台+easyui完整curd”是一个利用Java技术和EasyUI框架构建的简单但全面的示例,用于展示如何进行创建(Create)、读取(Read)、更新(Update)和删除(Delete)数据的基本操作。 1. **Java...
在Java后台,Spring框架常用于实现业务逻辑和控制层的解耦。 12. **部署与运行**:项目完成后,需要进行打包、配置服务器环境,如Tomcat,并将数据库文件导入到服务器的MySQL实例中,确保系统能正常运行。 通过这...
总结来说,"easyui-combobox、combotree后台数据数据组装与前台绑定实例" 主要涉及两个部分:后端 C# 数据组装成 JSON 格式,以及前端使用 EasyUI 的 Combobox 和 Combotree 组件进行数据绑定。通过这样的方式,我们...
综上所述,EasyUI与Java后台的交互涉及前端组件的使用、后端接口的设计、数据的序列化与反序列化、以及多层面的安全策略。掌握这些知识点,能帮助开发者构建出高效、稳定且安全的用户管理功能。在实际项目中,还需要...
"使用easyui表格数据动态生成饼图"的主题涉及到前端开发中的几个关键点:EasyUI框架、数据处理以及JavaScript图表库ECharts。下面我们将深入探讨这些知识点。 首先,EasyUI是一个基于jQuery的UI库,它提供了一系列...
EasyUI是一款基于jQuery的前端开发框架,专门用于构建用户界面,尤其适合打造后台管理系统。它提供了丰富的组件,如表格、树形结构、下拉菜单、对话框等,以帮助开发者快速构建具有专业外观的Web应用。标题“EasyUI...
3. **数据绑定**:使用EasyUI的数据源(如`datagrid`的`url`属性)与后端Java服务进行交互,展示和操作数据库中的数据。 4. **事件处理**:学习如何监听和响应EasyUI组件的内置事件,如点击按钮、选择行等,通过...
这个“java源码 EasyUI-2 后台框架”是一个基于 Java 和 EasyUI 的后台管理系统框架,主要用于展示如何将 EasyUI 与后端服务进行集成,实现数据的动态展示和交互。 首先,我们来了解一下 EasyUI 在后台开发中的应用...
2. **表格组件**:EasyUI的表格组件支持数据分页、排序、过滤和编辑等功能,可与后台数据源无缝对接,展示和处理大量数据。 3. **表单组件**:包括输入框、下拉框、复选框、单选按钮等,用于收集用户输入的数据,...
一头扎进 easyui 视频教程 java1234出品 第2部分 共2部分
后台模板HTML+整套Easyui皮肤组件-后台管理系统模板后台模板HTML+整套Easyui皮肤组件-后台管理系统模板后台模板HTML+整套Easyui皮肤组件-后台管理系统模板后台模板HTML+整套Easyui皮肤组件-后台管理系统模板后台模板...
在IT行业中,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如排序、分页、过滤等。在实际工作中,我们经常需要将这些展示的数据导出到Excel文件,以便进行进一步的分析或存储。下面...
java方法实现easyui得到树的json
在实际开发中,Java通过HTTP请求与前端EasyUI组件交互,处理数据并返回响应。EasyUI则负责展示这些数据,提供用户交互。例如,一个常见的场景是,用户在前端页面上触发一个操作(如点击按钮),EasyUI通过Ajax向后端...
【标题】"java--easyUI+struts+JSP+MySQL实现简单的增删查改" 涉及到的是一个基于Java技术栈的Web应用程序开发,主要包括以下几个关键知识点: 1. **Struts框架**:Struts是Apache组织提供的一个开源MVC框架,用于...
easyui漂亮的后台管理框架,共12套,花钱购买的,有橙色模版,黑色模版,红色模版,蓝色模版,绿色模版,浅蓝色模版,深灰模版,深蓝模版,office2016版,数字管理系统,信息考核系统,云平台以及PSD源图。
本文将详细介绍如何在基于EasyUI的前端框架下实现数据导出为Excel的功能。 EasyUI是一个基于jQuery的轻量级前端框架,它提供了丰富的组件和样式,帮助开发者快速构建用户界面。然而,EasyUI本身并不直接支持数据...
在"Java后端easyUI框架sql查询"这个场景中,核心是利用Java后端处理SQL查询并返回数据到前端。Java后端主要涉及以下几个知识点: 1. **JDBC(Java Database Connectivity)**:这是Java连接数据库的标准API,允许...