- 浏览: 303747 次
- 性别:
- 来自: 成都
文章分类
- 全部博客 (118)
- VS2008 (2)
- JAVA (34)
- AJAX (1)
- C# (1)
- Flex (16)
- FMS (6)
- SQLSERVER (1)
- ORACLE (1)
- Quartz (1)
- struts2 (1)
- java数据结构 (1)
- java设计模式 (3)
- JSF (0)
- web (2)
- jbpm4 (4)
- J2EE (1)
- webservice (2)
- javascript (8)
- spring (3)
- lucene (0)
- linux (9)
- ibatis (1)
- JPA (2)
- 外挂 (0)
- VB (0)
- Hibernate (1)
- OSGI (8)
- EXT (4)
- Maven (1)
- SpringSecurity (0)
- activiti (0)
- 项目开发 (0)
- 项目管理 (7)
- android (0)
- FFMPEG (1)
- C (2)
- eclipse (1)
最新评论
-
默默得守候在你的身边:
给力
java与Delphi写的dll交互 -
默默得守候在你的身边:
java与Delphi写的dll交互 -
fuguitong:
[url][url][url][url][url][url][ ...
doc转swf -
baidu_25402161:
到结束的时候一直 Can't delete processIn ...
一个请假单流程的实现(struts2.1.8+spring2.5+hibernate3集成jbpm4.3) -
lohaoo1:
nice!
java面包屑导航制作
修改了xloadtree的部分源码以适合自己使用。
1.修改了因节点个数过多而造成刷新时候的缓慢。(你可以用原版试试加上500个子节点,然后调用reload()方法)。
2.加入了单选和复选的功能。
3.加入了线程,在500个子节点以上才会启用。引用Thread.js,设置webFXTreeConfig.useThread=true.
4.增加了data属性,使得每个节点都可以绑定自己想绑定的数据上去。
确定线程不能保证节点的顺序,如果对顺序有要求,那就不适用了。
该例子实现了对一颗树的增删改查。
因为是延迟加载,所以在每个父节点的子节点1000以内都是比较快的。
看哈效果图:
项目jar包:
看哈部分代码treeRadio.js:
webFXTreeConfig.rootIcon = "xloadtree/images/xp/folder.png"; webFXTreeConfig.openRootIcon = "xloadtree/images/xp/openfolder.png"; webFXTreeConfig.folderIcon = "xloadtree/images/xp/folder.png"; webFXTreeConfig.openFolderIcon = "xloadtree/images/xp/openfolder.png"; webFXTreeConfig.fileIcon = "xloadtree/images/xp/file.png"; webFXTreeConfig.lMinusIcon = "xloadtree/images/xp/Lminus.png"; webFXTreeConfig.lPlusIcon = "xloadtree/images/xp/Lplus.png"; webFXTreeConfig.tMinusIcon = "xloadtree/images/xp/Tminus.png"; webFXTreeConfig.tPlusIcon = "xloadtree/images/xp/Tplus.png"; webFXTreeConfig.iIcon = "xloadtree/images/xp/I.png"; webFXTreeConfig.lIcon = "xloadtree/images/xp/L.png"; webFXTreeConfig.tIcon = "xloadtree/images/xp/T.png"; webFXTreeConfig.blankIcon = "xloadtree/images/blank.png"; webFXTreeConfig.type = "radio"; //checkbox or radio var prjPath = '/xloadtreeDemo'; var actionSuffix = '.action'; var namespace = '/Controller'; var loadRootNodeAction = 'loadRootNode_XloadTree'; var initAction = 'init_XloadTree'; var addNodeAction = 'addNode_XloadTree'; var saveOrUpdateRootNodeAction = 'saveOrUpdateRootNode_XloadTree'; var deleteNodeAction = 'deleteNode_XloadTree'; var loadChildNodeAction = 'loadChildNode_XloadTree'; var updateNodeAction = 'updateNode_XloadTree'; var loadTreeUrl = prjPath + namespace+'/' + loadRootNodeAction + actionSuffix; var loadChildNodeUrl = prjPath + namespace+'/' + loadChildNodeAction + actionSuffix; var initTreeUrl = prjPath + namespace+'/' + initAction + actionSuffix; var addNodeUrl = prjPath + namespace+'/' + addNodeAction + actionSuffix; var saveOrUpdateRootNodeUrl = prjPath + namespace+'/' + saveOrUpdateRootNodeAction + actionSuffix; var deleteNodeUrl = prjPath + namespace+'/' + deleteNodeAction + actionSuffix; var updateNodeUrl = prjPath + namespace+'/' + updateNodeAction + actionSuffix; var tree; $(function(){ loadTree(); }); //加载根节点 function loadTree(){ $.ajax({ url:loadTreeUrl, dataType:'json', success:function(rootNode){ var id = rootNode.id; if(id != '0'){ updateTree(rootNode); }else{ $('#rootId').html('null'); $('#rootPid').html('null'); } } }); } //获取根节点的子节点集合 function updateTree(rootNode){ $('#rootText').val(rootNode.text); $('#rootAction').val(rootNode.action); $('#rootId').html(rootNode.id); $('#rootPid').html('null'); tree = new WebFXLoadTree(rootNode.text,initTreeUrl,rootNode.action); tree.data = rootNode; $('#radioDiv').html(tree.toString()); } //点击单选按钮的回调事件 function setRadioData(data){ if(typeof(data) == 'string'){ data = jQuery.parseJSON(data); } $('#pid').val(data.id); } //添加新节点 function addNode(){ var selectNode = tree.selectNode; if(selectNode==null){ alert('选中一个节点进行新增操作!'); return; } var treeNode = new Object(); treeNode.text = $("#text").val(); treeNode.action = $("#action").val(); treeNode.pid = $("#pid").val(); if(treeNode.text==''){ alert('text必须填写!'); return; } $.ajax({ type:'POST', url:addNodeUrl, data:treeNode, dataType:'json', success:function(newNode){ //直接添加即可 selectNode.add(new WebFXTreeItem({ text:newNode.text, action:newNode.action, data:newNode })); selectNode.src = newNode.src; selectNode.expand(); //清空内容 $("#text").val(''); $("#action").val(''); } }); } //保存根节点信息 function saveOrUpdateRootNode(){ var treeNode = new Object(); treeNode.text = $("#rootText").val(); treeNode.action = $("#rootAction").val(); treeNode.id = $("#rootId").html(); if(treeNode.text==''){ alert('text不能为空'); $("#rootText").focus(); return; } if(treeNode.id == 'null')treeNode.id = -1; $.ajax({ type:'POST', url:saveOrUpdateRootNodeUrl, data:treeNode, dataType:'json', success:function(rootNode){ $("#"+tree.id+"-anchor").html(rootNode.text); } }); } //刷新选中节点的子节点信息 function flushNode(){ var selectNode = tree.selectNode; if(selectNode==null){ alert('选中一个节点进行刷新操作!'); return; } if(selectNode.childNodes.length!=0){ if(selectNode.reload){ selectNode.reload(); }else{ var parentNode = selectNode.parentNode; var index = selectNode.index; if(parentNode){ parentNode.reload(); } } } } //删除节点 function delNode(){ var selectNode = tree.selectNode; if(selectNode==null){ alert('选中一个节点进行删除操作!'); return; } var data = selectNode.data; if(typeof(data) == 'string'){ data = jQuery.parseJSON(data); } $.ajax({ type:'POST', url:deleteNodeUrl, data:{id:data.id}, success:function(result){ if(Number(result)!=0){ selectNode.remove(); tree.selectNode = null; } } }); } //编辑节点信息 function editNode(){ var selectNode = tree.selectNode; if(selectNode==null){ alert('选中一个节点进行编辑操作!'); return; } var data = selectNode.data; if(typeof(data) == 'string'){ data = jQuery.parseJSON(data); } var treeNode = new Object(); treeNode.text = $("#text").val(); treeNode.action = $("#action").val(); treeNode.id = data.id; if(treeNode.text==''){ alert('text不能为空'); $("#text").focus(); return; } $.ajax({ type:'POST', url:updateNodeUrl, data:treeNode, dataType:'json', success:function(updateNode){ $("#"+selectNode.id+"-anchor").html(updateNode.text); $("#"+selectNode.id+"-anchor").attr('href',updateNode.action); selectNode.data = updateNode; } }); }
xloadtreeDemo.rar 附带mysql脚本数据。
发表评论
-
OSGI学习
2012-03-18 18:01 0http://www.blogjava.net/zhenyu3 ... -
OSGI学习笔记(七)
2012-03-17 23:58 1661SpringDM初步使用(二) 介绍哈官方的第二个例子 ... -
ubuntu10.04下nexus和maven的安装及配置
2012-03-14 16:14 2469前提要有jdk环境,官方下载nexus和maven,解压后创建 ... -
ubuntu10.04下eclipse的安装及配置
2012-03-14 00:01 1270从官方http://www.eclipse.org/downl ... -
Ubuntu10.04下配置java环境变量
2012-03-13 23:28 1032Ubuntu10.04默认安装了OpenJDK,但还是基于Su ... -
eclipse设置保护色
2012-03-16 09:22 9375eclipse操作界面默认颜色为白色。对于我们长期使 ... -
OSGI学习笔记(六)
2012-03-17 15:08 2722SpringDM初步使用(一) 官方地址http:// ... -
OSGI学习笔记(八)
2012-03-19 21:08 2260SpringDM初步使用(三) spring第三个例子 ... -
OSGI学习笔记(五)
2011-07-31 10:32 1555开放服务网关协议 (Open Services Gateway ... -
osgi学习笔记(三)
2011-07-16 22:43 1917OSGI实战书上讲了一个web登陆验证切换功能。表达了osgi ... -
word工具类
2011-03-15 09:19 1403package org.foreverframework ... -
命令模式--撤销恢复
2011-03-14 22:32 4934该例子来自阎宏提供的 ... -
java zip
2011-03-06 15:32 1176import java.io.BufferedInputStr ... -
doc转swf
2010-12-07 22:03 8497将doc转换成swf,然后显示在html页面上。 packa ... -
javamail简单使用
2010-11-15 08:29 2294MailInfo类: //发送邮件的信息类 public ... -
java与Delphi写的dll交互
2010-09-05 22:27 6093有时候在项目开发的时候难免会和硬件提供的开发包接触,这些开发接 ... -
JAVA与DLL交互
2010-08-27 23:32 1900jna官网地址:https://jna.dev.java.ne ... -
office工具类
2010-07-31 14:17 2279将jcom.dll放入jdk的bin目录下,将jcom.jar ... -
启动多个tomcat
2010-04-22 09:13 1172想启动多个tomcat,只需修改conf/server.xml ... -
dos 删除指定日期前的文件
2010-04-19 22:47 3410@echo off&setlocal enablede ...
相关推荐
此压缩包内包含树菜单的所有功能,静态加载,ajax动态加载,xtree+checkbox+radio,xloadtree+checkbox+radio 并且都包含多选框和单选框
原理:初始化状态查询出根节点和第一级节点,并且第一级节点的图标是 + ,点击 + 出现loading...,然后再显示出节点下的子级,如果没有子级,则 + 变成 - ;将加载完后出现的子级菜单用JS保存在客户端,下载再点 + ...
xloadtree使用总结xloadtree使用总结xloadtree使用总结xloadtree使用总结xloadtree使用总结xloadtree使用总结xloadtree使用总结xloadtree使用总结
xloadtree做的一个小树,大家看看,有什么问题大家一起研究,小弟初学,个位多多帮助
修改xloadtree 支持checkbox radio 鼠标右键菜单
这是一个用XLoadTree 例子,这个例子作了很久了,很多人加我,所以我把源码找出来放到这里,希望对大家有所帮助。原文: http://collate5.blog.163.com/blog/static/1435652620076279591866
解决大数据量树生成问题, xloadtree树的例子。
有单选复选按钮的XloadTree,自己项目用到。现在与大家分享
xloadtree JSP XML JAVA AJAX
xloadtree中文版,动态建树,有需要的朋友尽快
用于动态ajax树的实现
xloadtree的资源包含所需的js包,css文件,还有api,对就像是你想要的xloadtree的资源
这是开发网页树形结构(xloadtree.js、xtree.js、xtree.css等)必备的四个js包,
xtree,xloadtree js,css,images 实例
增加了重载刷新结点的功能。可以不用刷新树,而刷新任意结点。
xloadtree project2xloadtree project2xloadtree project2xloadtree project2xloadtree project2xloadtree project2xloadtree project2xloadtree project2 xloadtree project2
xloadtree用与把xml文件的内容在jsp页面现实成树型!可以动态现实(修改xml文件)