- 浏览: 168361 次
- 性别:
- 来自: 长沙
文章分类
最新评论
-
单v纯微笑:
您好,能把dbsyn_config_quartz这个表发给我一 ...
定时器(quartz+spring)读取数据库配置 -
fenglingabc:
我用了comet4j 结果因为推送比较频繁(基本上1秒一次), ...
comet4j轮询 -
NeverGiveUpToChange:
nice,还不错哦,谢谢啦!!!
springmvc上传 -
ralfsqual:
自定义的线程中的逻辑每次都是被执行两次,不知道为什么啊。比如打 ...
comet4j轮询 -
goll2012:
我倒,原来要配置tomcat。。。果然是高手,对于只看不动手的 ...
comet4j轮询
今天搞了一下ztree这个开源的东东,感觉很不错,很强大。下面我就分享我自己做的小例子。当然也是参考网上很多牛人写的代码,自己实现了一个。
我是基于struts2.0来做得
action:
package com.action;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
import org.apache.struts2.ServletActionContext;
import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;
public class ZtreeAction extends ActionSupport {
/**
*
*/
private static final long serialVersionUID = 1L;
public void jsonAction() throws IOException{
String s1 = "{id:1, pId:0, name:\"test1\" , open:true}";
String s2 = "{id:2, pId:1, name:\"test211\" , open:true}";
String s3 = "{id:3, pId:2, name:\"test311\" , open:true}";
String s4 = "{id:4, pId:1, name:\"test411\" , open:true}";
List<String> listZtree = new ArrayList<String>();
listZtree.add(s1);
listZtree.add(s2);
listZtree.add(s3);
listZtree.add(s4);
//获取response
ActionContext context = ActionContext.getContext();
HttpServletResponse response = (HttpServletResponse) context.get(ServletActionContext.HTTP_RESPONSE);
response.getWriter().print(JSONArray.fromObject(listZtree).toString());
}
}
struts.xml:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd
">
<struts>
<package name="ztree" extends="struts-default">
<action name="jsonAction" class="com.action.ZtreeAction" method="jsonAction">
</action>
</package>
</struts>
index.xml:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="<%=basePath %>js/jquery-1.4.2.js"></script>
<link rel="stylesheet" type="text/css" href="<%=basePath %>css/zTreeStyle.css">
<script type="text/javascript" src="<%=basePath %>js/jquery-ztree-2.5.min.js"></script>
<%-- <script type="text/javascript" src="<%=basePath %>js/jquery.ztree.core-3.0.min.js"></script>--%>
<script type="text/javascript">
var setting = {
isSimpleData : true, //数据是否采用简单 Array 格式,默认false
treeNodeKey : "id", //在isSimpleData格式下,当前节点id属性
treeNodeParentKey : "pId", //在isSimpleData格式下,当前节点的父节点id属性
showLine : true, //是否显示节点间的连线
checkable : true, //每个节点上是否显示 CheckBox
callback : {
click: zTreeOnClick //回调函数
},
};
function zTreeOnClick(event, treeId, treeNode) {
alert("treeId="+treeId);
alert(treeNode.tId + ", " + treeNode.name);
if(treeNode.tId=="tree_4"){
alert("你点击了test4");
}
}
var zTree;
var treeNodes;
<%-- var treeNodes = [--%>
<%-- {"id":1, "pId":0, "name":"test1"}, --%>
<%-- {"id":11, "pId":1, "name":"test11"}, --%>
<%-- {"id":12, "pId":11, "name":"test12"}, --%>
<%-- {"id":111, "pId":11, "name":"test111"}, --%>
<%--];--%>
$(document).ready(function(){
$.ajax({
async : false,
cache:false,
type: 'POST',
dataType : "json",
url: "jsonAction.action",//请求的action路径
error: function () {//请求失败处理函数
alert('请求失败');
},
success:function(data){ //请求成功后处理函数。
alert("获取数据成功");
treeNodes = data; //把后台封装好的简单Json格式赋给treeNodes
}
});
zTree = $("#tree").zTree(setting, treeNodes);
});
</script>
</head>
<body>
<%-- <div id="tree"></div>--%>
<ul id="tree" class="tree" style="width:300px; overflow:auto;"></ul>
</body>
</html>
- JQuery_zTree_v2.5.zip (941 KB)
- 下载次数: 73
发表评论
-
生成webservices代理类方法
2013-12-15 21:06 716根据wsdl成生客户端信息: 在D盘下新建一个src目录 ... -
自动补全-jquery.autocomplete.js
2013-07-08 13:58 13766研究了三天自动补全jquery.autocomplete ... -
js设置cookie
2013-06-17 13:52 1315这几天用到cookie,所以在网上搜了一下js设置cook ... -
java 获取mac地址
2013-03-20 14:20 1399一下是用java来获取mac地址,一般可用作接口权限控制 ... -
oracle数据库-使用proxool进行中断重连
2013-02-17 11:03 3196(1)proxool.xml配置项参数 <?xml ... -
jsp自定义错误页
2013-02-17 11:00 990为了给浏览者一个友好的错误提示页面,我们可以象IIS一样自定义 ... -
Spring对Hibernate事务管理的配置
2013-01-09 15:11 1003声明式事务配置主要分以下几步: 声明式事务配置 •配置 ... -
md5
2013-01-08 10:37 1104MD5是一种常用的加密算法,在项目中经常用到,我参考了网上一些 ... -
axis 自动生成webservices客户端代理类
2012-11-18 11:16 28651.新建wsdltojava.bat文件,放到C盘,文件内容如 ... -
定时器(quartz+spring)读取数据库配置
2012-08-21 15:37 19494今天把项目中的一部分移出来,主要是实现定时器任务,定时 ... -
java 读取.properties文件 最简单方式
2012-07-25 08:45 1116param.properties 内容如下: url ... -
Quartz入门示例
2012-05-14 17:28 1007文章出处 http://www.cnblogs.com ... -
struts2.2.3 + spring3.1.0 + mybatis3.1.0集成简单demo
2012-04-19 09:25 17591、导入相应的jar包 -
Struts2访问request,session,application的四种方式
2012-04-19 09:10 1575方式1--》访问Map类型的: package cn ... -
struts.xml动态返回结果
2012-04-11 15:51 1059今天有个难题,被我解决啦。详细的问题我就不多说了,用到的 ... -
springmvc上传
2012-04-05 15:55 5384最近一直在网上看资料,今天我在网上发现一个demo,是 ... -
jsoup解析网页
2012-03-31 09:24 4433jsoup功能很强大,我用它来解析网页很轻松。但我只用了 ... -
fileupload多文件上传
2012-03-31 09:16 1141以前做过单文件的 ... -
解析百度输入框(在线查询)
2012-03-28 14:51 1888百度大家都会用,但是相信大家用百度的时候在输入框中随便输 ... -
ajax struts实现在线查询功能
2012-03-27 11:58 1199我用的是ajax 和struts实现的一个在线查询功能, ...
相关推荐
**zTree 3.0 实例详解** zTree是一款基于JavaScript的树形插件,广泛应用于网页中的数据展示,如文件目录、组织架构等场景。zTree 3.0是其一个重要的版本,提供了丰富的功能和高度的自定义性。在实际开发中,拥有...
本"ztree完整实例,绝对可运行"压缩包提供了ZTree的完整运行环境,无需复杂的配置,只需简单导入Eclipse即可运行,非常适合初学者学习和快速开发。 在ZTree的实例中,主要包含以下几个关键知识点: 1. **ZTree基本...
本实例展示了如何在.NET应用中动态加载数据,并将其呈现为ZTREE的节点,从而提升用户界面的交互性和可操作性。让我们深入探讨这个过程。 首先,ZTREE的核心在于其JSON数据格式。在.NET应用中,我们需要创建一个...
这些文件是构建zTree实例的基础,开发者需要正确引入它们到自己的项目中,才能正常使用zTree。 总结来说,zTree v3作为一款强大的JavaScript树形插件,提供了丰富的实例和详细的API,无论是对于初学者还是有经验的...
- **初始化**:通过`$.fn.zTree.init()`方法创建ZTree实例,传入DOM元素和配置对象。 - **操作API**:ZTree提供了丰富的API,如`treeObj.selectNode()`选择节点,`treeObj.expandNode()`展开节点。 - **事件绑定*...
在这个"ztree小例子"中,我们将探讨如何使用最新版本的jquery.ztree-2.6.js来创建一个功能完备的zTree实例。 首先,我们需要了解zTree的基本概念。zTree的核心在于将HTML结构转化为具有交互性的树形数据展示,它...
《zTree开发实例详解》 在Web开发中,zTree是一款非常流行的jQuery插件,它主要用于构建可交互的树形结构,广泛应用于菜单、组织结构、文件目录等场景。本实例将详细介绍如何利用zTree结合数据库,实现动态数据加载...
在本次的"SSH 做的ztree实例"中,ztree是一个基于JavaScript的树形菜单组件,常用于展示层级结构的数据,如目录结构、组织架构等。Ztree以其良好的交互性和灵活性深受开发者喜爱,它可以轻松实现节点的增删改查、...
**zTree API、实例及样式详解** zTree是一款基于JavaScript的树形插件,它具有丰富的API接口和灵活的配置选项,广泛应用于网页中的数据展示、菜单导航、组织结构图等场景。本篇将深入探讨zTree的核心特性、API用法...
**jQuery zTree ASP.NET 实例详解** 在Web开发中,我们常常需要展示层次结构的数据,例如组织架构、文件目录等,这时Tree控件就显得尤为重要。`jQuery zTree`是一款非常流行的JavaScript Tree插件,它提供了丰富的...
这个“新建文件夹_ztree实例_双边拍卖_最后通牒_”的压缩包可能包含了一些使用ZTree实现特定功能的示例代码,如双边拍卖和最后通牒机制的模拟。下面我们将详细探讨这些概念以及它们与ZTree的结合应用。 1. **ZTree*...
通过解压并运行这个项目,你可以看到一个完整的jQuery Ztree实例,它展示了如何从数据库动态加载数据、显示树结构以及响应节点点击事件。 总的来说,jQuery Ztree 结合数据库脚本,为开发者提供了一种灵活且功能...
在这个"一个zTree实例"中,我们将探讨如何结合SSH(Spring、Struts2、Hibernate)框架,实现zTree的功能,包括增、删、改操作,并通过MySQL数据库来动态获取和存储数据,同时提供一个直观的后台查看效果。...
**JFinal ZTree 实例详解** JFinal 是一个基于 Java 的轻量级 Web 开发框架,它以 MVC(Model-View-Controller)架构为基础,旨在提高开发效率,降低开发成本。ZTree 是一款广泛使用的 JavaScript 树状菜单插件,...
本实例将详细讲解如何利用ZTree实现权限树,实现父子菜单级联以及选中子菜单时自动关联父菜单的功能。 首先,我们需要了解ZTree的基本使用。ZTree的核心思想是通过JSON数据结构来定义树形节点,每个节点包含ID、...
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是 树状菜单、树状数据的Web显示、...其中压缩包包括完整的官方文档和实例教程。
《zTree树形控件实例解析与应用》 在网页开发中,树形控件是一种常见且实用的用户界面元素,它能够清晰地展示层级关系数据,如文件系统、组织结构等。zTree是一款基于JavaScript的开源树形控件,它结合了ajax和json...
这个"zTree异步加载简单示例VS2008项目完整源码"是针对开发人员的一个实用资源,提供了如何在Visual Studio 2008环境下实现zTree异步加载功能的具体代码实例。 异步加载(Async Loading)是zTree的核心特性之一,它...
基于struts2,用json传值,用jquery的ztree做了一棵树,后台用的Oracle,包里面有建表语句。因为之前也没有用过struts2,json,ztree,正好学学struts2,在包crud里面是增删改查,从官网上比着弄的,crud2是自己从网上...