Struts2+json+ztree 同步加载

最新推荐文章于 2018-01-23 13:48:59 发布
最新推荐文章于 2018-01-23 13:48:59 发布
阅读量1.1k 收藏
点赞数 
 
 
  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 
  2. <%@include file="/common/jsp/commonHeader.jsp" %> 
  3.  
  4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
  5. <html> 
  6.   <head> 
  7.     <base href="<%=basePath%>"> 
  8.      
  9.     <title><s:text name="dama_inforpartition_kpi_page_title"/></title> 
  10.      
  11.     <meta http-equiv="pragma" content="no-cache"> 
  12.     <meta http-equiv="cache-control" content="no-cache"> 
  13.     <meta http-equiv="expires" content="0">     
  14.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
  15.     <meta http-equiv="description" content="This is my page"> 
  16.     <link rel="stylesheet" href="<%=path %>/common/css/zTreeStyle.css"> 
  17.   </head> 
  18.     <script type="text/javascript" src="<%=path %>/common/js/jquery.ztree.core-3.3.js"></script> 
  19.     <script type="text/javascript" src="<%=path %>/common/js/jquery.ztree.excheck-3.3.js"></script> 
  20.     <script type="text/javascript" src="<%=path %>/common/js/jquery.ztree.exedit-3.3.js"></script> 
  21.     <script type="text/javascript"> 
  22.         var zTree1; 
  23.         var setting={ 
  24.             data:{ 
  25.                 simpleData:{ 
  26.                     enable:true, 
  27.                     idKey:'id', 
  28.                     pIdKey:'pId', 
  29.                     rootPId:-1 
  30.                 } 
  31.             }, 
  32.             view:{ 
  33.                 dblClickExpand:true, 
  34.                 showLine:true 
  35.             }, 
  36.             check:{ 
  37.                 chkboxType:{'Y':'p','N':'p'}, 
  38.                 chkStyle:'checkbox', 
  39.                 enable:true 
  40.             } 
  41.         } 
  42.          
  43.         function createTree(){ 
  44.             $.ajax({ 
  45.                 url:'admin/kpiGroupAction!getChildrens', 
  46.                 type:'POST', 
  47.                 dataType:'text', 
  48.                 ContentType:'application/json; charset=utf-8', 
  49.                 success:function(data){ 
  50.                     var zNodes = data; 
  51.                         var ztreeNodes = [{"id":"-1","name":"指标组管理","isParent":true},{"id":"104","name":"1234er4","isParent":true,"pId":"-1"},{"id":"106","name":"测试修改","isParent":false,"pId":"-1"},{"id":"02","name":"同城交友123","isParent":true,"pId":"-1"},{"id":"164","name":"cesgu","isParent":false,"pId":"02"},{"id":"182","name":"租房子","isParent":false,"pId":"181"},{"id":"108","name":"zhuangtianxiu","isParent":true,"pId":"-1"},{"id":"181","name":"房屋租赁","isParent":true,"pId":"-1"},{"id":"201","name":"123","isParent":false,"pId":"104"},{"id":"166","name":"haha ","isParent":false,"pId":"108"}]; 
  52.                     zTree1=$.fn.zTree.init($('#kpiTree'),setting,eval('(' + zNodes + ')')); 
  53.                 }, 
  54.                 error:function(msg){ 
  55.                     alert('指标树加载异常！'); 
  56.                 } 
  57.             }); 
  58.         } 
  59.         $(document).ready(function(){ 
  60.             createTree(); 
  61.         }) 
  62.     </script> 
  63.   <body> 
  64.     <div> 
  65.         <ul id="kpiTree" class="ztree"></ul> 
  66.     </div> 
  67.   </body> 
  68. </html> 

 

action端代码：

 

 
 
  1. public String getChildrens(){ 
  2.         JSONArray childs = new JSONArray(); 
  3.         JSONObject child = new JSONObject(); 
  4.         HttpServletResponse response = ServletActionContext.getResponse(); 
  5.         response.setCharacterEncoding("utf-8"); 
  6.         try { 
  7.             PrintWriter out = response.getWriter(); 
  8.             String kpiGroupId = this.getModel().getKpiGroupId(); 
  9.             Set<SyinfDamaKpiGroupT> childrens = new HashSet<SyinfDamaKpiGroupT>(); 
  10.             if(kpiGroupId==null){ 
  11.                 childrens = service.getChildren(""); 
  12.             }else{ 
  13.                 childrens = service.getChildren(this.getModel().getKpiGroupId()); 
  14.             } 
  15.              
  16.             for(SyinfDamaKpiGroupT childkpi:childrens){ 
  17.                 child.put("id", childkpi.getKpiGroupId()); 
  18.                 if(kpiGroupId==null){ 
  19.                     if(!childkpi.getKpiGroupId().equals("-1")){ 
  20.                         child.put("pId", childkpi.getParentGroup().getKpiGroupId()); 
  21.                     } 
  22.                 }else{ 
  23.                     child.put("pId", this.getModel().getKpiGroupId()); 
  24.                 } 
  25.                  
  26.                 child.put("name", childkpi.getKpiGroupName()); 
  27.                 if(kpiGroupId==null){ 
  28.                      
  29.                     if(childkpi.getChildGroup().size()>0){ 
  30.                         child.put("isParent", true); 
  31.                     }else{ 
  32.                         child.put("isParent", false); 
  33.                     } 
  34.                 }else{ 
  35.                     if(childkpi.getChildGroup().size()>0){ 
  36.                         child.put("havechild", "yes"); 
  37.                     }else{ 
  38.                         child.put("havechild", "no"); 
  39.                     } 
  40.                 } 
  41.                  
  42.                  
  43.                 childs.add(child); 
  44.             } 
  45.             out.print(childs.toString()); 
  46.             out.flush(); 
  47.             out.close(); 
  48.         } catch (Exception e) { 
  49.             // TODO Auto-generated catch block 
  50.             e.printStackTrace(); 
  51.         } 
  52.         return null; 
  53.     }
追着狼的人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
zTree树形插件使用 同步加载
倾你一生一世情的博客
09-28 765
link rel="stylesheet" href="zTree_v3-master/css/demo.css"> link rel="stylesheet" href="zTree_v3-master/css/zTreeStyle/zTreeStyle.css"> script type="text/javascript" src="jquery-2.1.1.min.js">script> s
Ztree 同步加载
trouble is a friend
08-14 1990
建树的原则 ： 父类的id 是子类的pid Ztree 需要的字段： name :树节点的名字 ， isParent : 是否为父类 ，设置成 true , id , pid 同步加载：就是将要展示的数据整理成一个list，直接传过去，这些数据已经有父子关系，即上面的建树原则 name id ...
ztree 同步加载例子
zy_crazy_code的博客
08-31 4220
因为数据量比较小，想用ztree 做个同步加载的下拉树，网上一查都是异步加载的，这里给大家一个简单的同步例子 首先说下ztree 同步加载的json格式 [     {         "id": "1",         "name": "高额话费",         "pid": "0"     },     {         "id": "100",         "
异步&同步加载树节点----zTree(一)
07-26
该资源原理说明与博客《异步&同步加载树节点----zTree(一)》相一致。
struts2+json+zTree实现异步加载树
jiangwei1223600792的专栏
08-31 1980
注：zTree是用jQuery实现的树形插件，用其可以快速的实现web树形结构。它可以用在jsp,php,asp等网站开发上，在这主要介绍了如何用struts2+json+zTree实现异步加载树。 在实现之前需要导入struts2.1.6 json需要包：commons-beanutils-1.7.0.jar，commons-collections-3.2.1.jar，commons-lang
ZTree+Struts2+ajax+json实现checkbox权限树
11-30
【标题】"ZTree+Struts2+ajax+json实现checkbox权限树"涉及的技术栈主要集中在前端的ZTree，后端的Struts2框架，以及数据交互中的Ajax和JSON。这个项目的核心目标是构建一个可复选的权限树形结构，用户通过勾选节点...
ztree+struts2+hibernate项目
11-01
【标题】"ztree+struts2+hibernate项目"是一个综合性的Web应用程序示例，它结合了多个核心技术，包括ztree、Struts2、Hibernate以及jQuery，展现了如何在实际开发中有效地整合这些工具。这个项目的核心在于利用ztree...
EF+MVC3+zTree动态加载
11-13
在本文中，我们将深入探讨如何使用Entity Framework（EF）、ASP.NET MVC 3和zTree实现动态数据加载。这些技术结合在一起，可以构建出强大的、交互性强的Web应用程序，特别是对于处理树形结构数据时。 首先，让我们...
Spring+Struts2+ibatis+Sqlite+Ztree的整合例子
11-16
这是一个基于Java技术栈的Web应用整合实例，涵盖了Spring、Struts2、iBatis、SQLite和ZTree等多个组件。下面将分别对这些技术进行详细解释。 **Spring框架**： Spring是一个开源的Java平台，它主要提供了依赖注入...
zTree+Json
04-12
1. **数据加载**：zTree通过调用`$.fn.zTree.init()`方法初始化树结构，其中传入的参数之一就是JSON数据，这些数据定义了树的所有节点及其属性。 2. **数据结构**：JSON数据应按照zTree规定的格式组织，例如： ```...
zTree树形插件使用 同步加载
weixin_30363981的博客
06-14 216
<link rel="stylesheet" href="zTree_v3-master/css/demo.css"> <link rel="stylesheet" href="zTree_v3-master/css/zTreeStyle/zTreeStyle.css"> <script type="text/javascript" src="jquery-2...
纯servlet+JSP+ztree+ajax+json开发城市列表
magutou007的博客
07-10 1528
无框架模式下 新建servlet如下： package com.test.controller; import java.io.IOException; import java.io.PrintWriter; import java.util.ArrayList; import java.util.List; import javax.servlet.RequestDispatche
jquery+ztree插件同步加载
04-08 1670
对于树的节点加载有两种方法，一是同步全部加载，二是异步分批加载。 那么我们什么时候该用同步全部加载，什么时候该用异步分批加载呢？。当我们要显示的树节点不是很多的时候，应首选同步全部加载。如果我们有很多的节点要加载，并且加载时间非常的慢，这时候我们要选择异步分批加载。如果这时还用同步全部加载的话，页面加载的速度会很慢，如果数据足够多会造成页面假死现象。凡事不能说的太死，也要根据自己的实际情况来判定
树插件ztree异步加载数据与一次性加载全部数据的写法
wangyuanjun008的博客
01-23 1万+
最近在做一个项目,项目地址: https://github.com/wangyuanjun008/wyj-parent.git 用到了ztree树，给大家分享异步加载数据与一次性加载数据的写法 异步加载数据是为了防止大数据量而造成树卡死的情况,代码如下: 前台js: function setting() { var setting = { async
ztree一级一级加载，解决数据过大加载缓慢问题
小白码者
03-08 1万+
【简介】 zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件  兼容 IE、FireFox、Chrome 等浏览器  在一个页面内可同时生成多个 Tree 实例  支持 JSON 数据  支持一次性静态生成 和 Ajax 异步加载 两种方式  支持多种事件响应及反馈  支持 Tree 的节点移动、编辑、删除  支持任意更换皮肤 / 个性化图标（依靠
json数据建立ztree并实现节点增删改
wenmiao27的专栏
09-28 1341
#wrap-menu { font-size:12px; } #wrap-menu ul { list-style:none; } #wrap-menu ul li { padding-left:15px; line-height:20px; } .skin {             width : 250px;             border : 1px solid gray;
text/javascript和application/json的区别
热门推荐
z1340954953
07-25 1万+
text/javascript和application/json的区别
vue + ts +ztree
最新发布
03-28
Vue is a progressive ... By using TypeScript with Vue and ZTree, developers can write more maintainable and scalable code, while still taking advantage of the powerful functionality provided by ZTree.

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值