- 浏览: 321564 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
chenfang_0913:
您好,我按照您的方法在Windows端进行了实现,可是我一直捕 ...
java实现网卡数据包抓取学习 -
wps886:
google了半天全是错的,只有楼主的xml配置有用,太感谢了 ...
奇怪的400 BAD REQUEST -
laputa73:
node.addEventListener('mouseup' ...
网络拓扑图DEMO -
njyyao:
单击、双击、右击的事件处理事件?
网络拓扑图DEMO -
lilinshtandby:
不错不错,赞一个
dhtmlxTree总结
最近有一个项目需要做到无限级树型菜单,而且要实现右键的功能,经别人的介绍,我接触到了dhtmlxtree,虽然最后并没有使用它,但是我想以后会有机会用的
在官方给出的例子中,加载一个xml文件很简单,文件内容如下
xml 代码
- <?xml version='1.0' encoding='utf-8'?>
- <tree id="0" text="root">
- <item text="Books" id="books" im0="books_close.gif" im1="tombs.gif" im2="tombs.gif" src="http://www.baidu.com">
- <item text="Mystery & Thrillers" id="mystery" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
- <item text="Lawrence Block" id="lb" im0="book.gif" im1="books_open.gif" im2="book.gif">
- <item text="All the Flowers Are Dying" id="a1" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif" child="1">
- </item>
- <item text="The Burglar on the Prowl" id="lb_2" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
- <item text="The Plot Thickens" id="lb_3" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
- <item text="Grifter's Game" id="lb_4" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
- <item text="The Burglar Who Thought He Was Bogart" id="lb_5" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
- </item>
- </item>
- </item>
- </tree>
简单了解下,id就是这个节点ID,text是显示的内容,src是点击时的超链接,有了这个xml文件的结构之后,我们就可以通过页面发出请求访问后台,由后台生成类似的xml的字符串,发送到页面,有页面进行接收处理
在页面中的显示如下
js 代码
- <link rel="STYLESHEET" type="text/css" href="../css/dhtmlXTree.css">
- <script src="../js/dhtmlXCommon.js"></script>
- <script src="../js/dhtmlXTree.js"></script>
- ......
- <div id="treeboxbox_tree"></div>
- <script>
- tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
- tree.setImagePath("../imgs/");
- tree.setXMLAutoLoading("http://localhost:8082/jh_directoryManager/tree/treeLoad.do?method=open");
- tree.loadXML("http://localhost:8082/jh_directoryManager/tree/treeLoad.do?method=init");
- tree.setOnRightClickHandler(viewRight);//设置右键调用方法
- </script>
这里的tree.loadXML说的明白一点,就是页面第一次打开的时候,访问的请求
tree.setXMLAutoLoading是展开树发送的请求
还可以通过查看API定义一些事件处理如
js 代码
- tree.setOnRightClickHandler(viewRight);//设置右键调用方法
这是的意思是说当在树节点上点击右键的时候,会调用viewRight方法
因为在dhtmlxtree中定义右键菜单,我始终没有弄出来,所以最后放弃使用这个工具
好了,在帖下后台的代码,如下
java 代码
- /**
- * 初始化root表显示根节点使用dhtmlTree
- * @param mapping
- * @param form
- * @param request
- * @param response
- * @return
- */
- public ActionForward init(ActionMapping mapping, ActionForm form,
- HttpServletRequest request, HttpServletResponse response){
- FtpRootPathService ftpRootPathService = (FtpRootPathService)this.getWebApplicationContext().getBean("ftpRootPathService");
- OrganizationService organizationService = (OrganizationService)this.getWebApplicationContext().getBean("organizationService");
- // List list = organizationService.getRootOrgs();
- //--- 测试数据开始
- List list = new ArrayList();
- // TreeBean bean = new TreeBean();
- // bean.setId("1");bean.setName("机构1");bean.setCount("10");
- // list.add(bean);
- // TreeBean bean2 = new TreeBean();
- // bean2.setId("2");bean2.setName("机构2");bean2.setCount("0");
- // list.add(bean2);
- // TreeBean bean4 = new TreeBean();
- // bean4.setId("3");bean4.setName("机构4");bean4.setCount("3");
- // list.add(bean4);
- //--- 测试数据结束
- response.setContentType("text/xml;charset=UTF-8");
- response.setHeader("Cache-Control","no-cache");
- try {
- System.out.println(createDHTMLXML("0",list));
- response.getWriter().print(createDHTMLXML("0",list));//dhtmlxTree方式
- } catch (IOException e) {
- e.printStackTrace();
- }
- return null;
- }
- /**
- * 展开子节点处理
- * @param mapping
- * @param form
- * @param request
- * @param response
- * @return
- */
- public ActionForward open(ActionMapping mapping, ActionForm form,
- HttpServletRequest request, HttpServletResponse response){
- FtpRootPathService ftpRootPathService = (FtpRootPathService)this.getWebApplicationContext().getBean("ftpRootPathService");
- OrganizationService organizationService = (OrganizationService)this.getWebApplicationContext().getBean("organizationService");
- response.setContentType("text/xml;charset=UTF-8");
- response.setHeader("Cache-Control","no-cache");
- String id = request.getParameter("id");
- //根据上一级节点,查询该节点下的所有节点及再下一级节点总个数
- List orgList = organizationService.getOrgChilds(id);
- // StringBuffer sb = new StringBuffer();
- // sb.append("<?xml version='1.0' encoding='utf-8'?>\n");
- // sb.append("<tree id=\""+id+"\">\n");
- // for(int i=0;i<4;i++){
- // sb.append("<item text=\""+id+"_"+i+"\" id=\""+id+"_"+i+"\" im0=\"books_close.gif\" im1=\"tombs.gif\" im2=\"tombs.gif\" child=\"1\"></item>\n");
- // }
- // sb.append("</tree>");
- try {
- System.out.println(createDHTMLXML(id,orgList));
- response.getWriter().print(createDHTMLXML(id,orgList));
- } catch (IOException e) {
- e.printStackTrace();
- }
- return null;
- }
- /**
- * 生成dhtmlTree的xml文件
- * @param rootList
- * @return
- */
- public String createDHTMLXML(String id,List rootList){
- StringBuffer buffer = new StringBuffer();
- buffer.append("<?xml version='1.0' encoding='utf-8'?>\n<tree id=\""+id+"\">\n");
- for(int i=0;i<rootList.size();i++){
- TreeBean bean = (TreeBean)rootList.get(i);
- //添加主目录
- buffer.append("\t<item text=\""+bean.getName()+"\" id=\""+bean.getId()+"\" im0=\"books_close.gif\" im1=\"tombs.gif\" im2=\"tombs.gif\" ");
- //判断是否有子节点,有的话,虚拟一个,强制页面显示有子节点样式
- if(!bean.getCount().equals("0")){
- buffer.append(" child=\"1\"");
- }
- buffer.append(">\n");
- buffer.append("\t</item>\n");
- // buffer.append("<item text="+id+"_"+i+" id="+id+"_"+i+" im0=\"books_close.gif\" im1=\"tombs.gif\" im2=\"tombs.gif\"></item>");
- }
- buffer.append("</tree> ");
- return buffer.toString();
- }
评论
5 楼
lilinshtandby
2013-10-29
不错不错,赞一个
4 楼
cn_arthurs
2009-01-05
QQ:307215311
3 楼
Mystic
2009-01-04
http://www.cnblogs.com/jacklaw/archive/2008/07/23/1249788.html
http://www.cnblogs.com/jacklaw/archive/2008/07/23/1249788.html 转载收藏
你好你能给我你的联系方式吗 我想问你下 dhtmltree的相关问题
cn_arthurs 写道
http://www.cnblogs.com/jacklaw/archive/2008/07/23/1249788.html 转载收藏
你好你能给我你的联系方式吗 我想问你下 dhtmltree的相关问题
2 楼
cn_arthurs
2008-12-01
http://www.cnblogs.com/jacklaw/archive/2008/07/23/1249788.html
转载收藏
转载收藏
1 楼
bigbone
2008-09-11
右键菜单你得自己去写代码生成,它只是提供了一个右键点击树的一个接口,可以自己用js写个右键菜单,来达到你的要求,这个可以实现,我成功过。
发表评论
-
禁止页面放大缩小
2013-05-12 18:42 1860<html> <head> &l ... -
在web.xml中添加多个filter
2011-05-10 15:32 6594web.xml中的多个filter的运行顺序walker(wa ... -
tomcat无法启动
2011-05-08 09:11 1080Myeclipse8.5 + Tomcat7.0.5 发布应 ... -
XML to JSON
2011-04-06 16:17 1264现在JSON在前台的应用越来越广泛,不过也有很多系统是基于XM ... -
ajax tree框架(zTree)
2011-04-05 12:23 2851在以往的项目中,有时会用到树菜单的操作.我用过dhtmltre ... -
通过HttpClient发送Web Service请求
2011-01-19 10:29 1809import java.io.ByteArrayInputSt ... -
使用JES搭建小巧的Mail服务器
2010-10-26 21:56 1533最新需要使用MAIL服务器进行测试,正所谓山不在高,有仙则灵. ... -
struts2+spring2+hibernate3所需要的最少jar包
2010-04-19 16:06 1565Spring2所需要的jar包最简单,只需要一个综合的spri ... -
Struts2中获取requset,session,application
2010-01-04 13:24 1587struts2中Action是集成于com.opensymph ... -
struts2.0中struts.xml配置文件详解(转)
2010-01-04 11:10 1086<!DOCTYPE struts PUBLIC &quo ... -
struts2-Unable to load configuration. - bean - jar
2010-01-01 12:01 2814在整合Struts2 + Spring2 + Hibernat ... -
[转载]企业级SOA之路——在Web Service中使用HTTP和JMS
2009-12-28 10:28 1177本文来自CSDN博客,转载请标明出处:http://blog. ... -
XAMPP虚拟主机配置,实现单主机多个站点
2009-10-24 23:31 2746打开注释 NameVirtualHost *:80 ... -
thinkphp中使用ajax接收json数据
2009-04-01 17:25 9435参考thinkphp+jquery实现ajax,扩展了下,写了 ... -
基于服务器推的web im(未实现)
2009-03-24 16:10 1351想着手研究一下服务器推技术,看看能不能写出一个web im程序 ... -
使用dhtmltree动态生成树菜单总结
2009-03-19 13:49 5700我之前发布的dhtmltree总 ... -
能够自由拖动布局区域的网页
2009-03-11 09:54 2460<html> <head> <t ... -
jquery+json小例子
2009-02-19 16:08 9969由有不当之处,还望大家能指出。 直接进入主题,使用jquery ... -
在OpenFire的基础上安装JWChat 1.0
2009-02-12 17:57 0http://blog.csdn.net/simonhe197 ... -
JSON介绍
2008-12-11 12:18 1987JSON已经被广泛誉为浏览器中XML的替代品,它的目标仅仅是成 ...
相关推荐
dhtmlXtree树 右dhtmlXtree键菜单
专业版dhtmlxtree下载 专业版dhtmlxtree下载
dhtmlxtree和json的应用。自己写的练习项目,免费下载。
dhtmlxtree例子
dhtmlxTree文档,代码都有,控件学习
包含dhtmlxTree(树型控件),dhtmlxTabbar(选项卡),dhtmlxGrid(数据表格),dhtmlxCombo(下拉选项),dhtmlxTreeGrid(树型表格),dhtmlxVault(文件上传控件),dhtmlxMenu(菜单),dhtmlxToolbar(工具条),dhtmlxCalendar(日历...
dhtmlxtree中文开发指导,简单介绍dhtmlxtree的使用。初学者适合。
dhtmlxTree 树形控件 JavaScript
第三方树控件dhtmlxTree 3.6
DHtmlXTree 调用xml http://blog.csdn.net/ymc0329/article/details/6619796
dhtmlxtree构建动态维护树,介绍dhtmltree的构建以及修改!
dhtmlXTree1.6,js实现的树结构的目录
dhtmlxtree实例包括复选、右键菜单、拖拽等功能
dhtmlxTree专业版
JS 带右键菜单的目录树 dhtmlxtree+proto.menu 分权限 JS 带右键菜单的目录树 dhtmlxtree+proto.menu 分权限 图片预览 ...
dhtmlxTree 最好的tree控件
通过开发一个小工具讲述DHtmlXTree的应该 主要内容: DHtmlXTree生成设置 xml文档生成 DHtmlXTree加载xml文档