- 浏览: 169858 次
- 性别:
- 来自: 郑州
文章分类
- 全部博客 (90)
- web前端 (23)
- java (30)
- 其它 (7)
- jbpm4.4 (1)
- 服务器 (2)
- 数据库 (11)
- J2se (1)
- 812202 (0)
- access sql (1)
- 数据库管理工具 (1)
- smartupload (1)
- win7 控制台窗口已停止工作 (1)
- xfire spring web service (1)
- 免安装版本 tomcat 后台启动 设置 (1)
- js 处理日期类型 (1)
- input 自动填充 (1)
- android 连接webservice (2)
- tomcat 直接通过IP访问web项目 (1)
- svn 修改历史日志 (1)
- java 设计模式之适配器 (1)
- android 程序日志记录 (3)
- Win7 电脑突然USB无法识别 方法记录 (1)
- java 实现图片缩略 (1)
- android 更多,刷新 (3)
- access 导入mysql (1)
- java 加密,解密 (0)
- 闪回数据 (1)
- extjs 弹出进度条 (1)
- JSP 绝对路径显示服务器非webapps下的图片或资源 (0)
- html 制作彩信未完 (1)
- android 2.2 api (1)
- java 反射 (1)
- jquery 购物车 (1)
最新评论
-
masuweng:
oracle 迁移 sqlite -
nanjiwubing123:
你好 ,在IE6环境下运行demo,出现dhtmlXTreeO ...
dhtmlxtree 右键菜单的增加,删除,修改 -
李_俊:
呃,那么复杂,果断无视,找一个简单的。
java 源码混淆器 -
shanshan518:
兼容性不好,还有没有精确到秒,楼主
精确到秒的js日期时间选择器 -
mynamelzk:
日期时间选择器非常好用,谢谢你了
日期选择器,中文
效果图:
1:
2:
3:
1:html页面
<style type="text/css"> .leaf { background:url(../../script/extjs/resources/images/default/tree/drop-add.gif) !important; }<!--节点右键菜单的叶子图片--> </style> <link rel="stylesheet" type="text/css" href="../../script/extjs/resources/css/ext-all.css" /> <script type="text/javascript" src="../../script/extjs/adapter/ext/ext-base.js"></script> <!-- ENDLIBS --> <script type="text/javascript" src="../../script/extjs/ext-all.js"></script> <!-- Common Styles for the examples --> <link rel="stylesheet" type="text/css" href="../../script/extjs/shared/examples1.css" /> </head> <body> <script type="text/javascript" src="../../script/extjs/shared/examples1.js"></script><!-- EXAMPLES --> <script type="text/javascript" src="../../script/treePanel.js"></script><!-- EXAMPLES --> <body> <div id="container" > </div> </body>
2:js
Ext.onReady(function(){ var mytree = new Ext.tree.TreePanel({ renderTo:'container', title: '图片配置', height:600, widht:900, lines:true, useArrows:true, autoScroll:true, animate:true, //enableDD:true, containerScroll: true, resizable : true, rootVisible: false, frame: true, root: { nodeType: 'async' }, // auto create TreeLoader // dataUrl: 'treePanel.json', loader:new Ext.tree.TreeLoader({ url:"ImageSortJson2?type=load",//服务器处理数据代码 listeners:{ "loadexception":function(loader,node,response){ //加载服务器数据,直到成功 } } }), listeners:{ "contextmenu":function(node,e){ var nodemenu=new Ext.menu.Menu({ items:[{ text:"添加结点", iconCls:'leaf',//右键名称前的小图片 handler:function(){ Ext.MessageBox.prompt("请输入新项名称","",function(e,text){ if(e=="ok") { Ext.Ajax.request({ url: 'ImageSortJson2?type=add&gnbh='+node.id+'&value='+text, success:function(request) { mytree.root.reload();//数的重新加载 mytree.root.expand(true,false); }, failure:function(){ alert("添加失败"); } }); } else { alert("取消了"); } }) } },{ text:"编辑结点", icon: '../../script/extjs/resources/images/default/tree/leaf.gif', cls: 'x-btn-text-icon', handler:function(){ Ext.MessageBox.prompt("请输入此项新名称","",function(e,text){ if(e=="ok") { Ext.Ajax.request({ url: 'ImageSortJson2?type=edit&gnbh='+node.id+"&value="+text,//传递需要的值,服务器会执行修改 success:function(request) { mytree.root.reload(); mytree.root.expand(true,false); }, failure:function(){ alert("编辑失败"); } }); } else { } }) } },{ text:"删除结点", icon: '../../script/extjs/resources/images/default/tree/delete.jpg', cls: 'x-btn-text-icon', // iconCls:'deletess', handler:function(){ Ext.MessageBox.confirm("提示","是否确定删除?",function(e){ if(e=="yes") { Ext.Ajax.request({ url: 'ImageSortJson2?type=delete&gnbh='+node.id,//根据id删除节点 success:function(request) { mytree.root.reload(); mytree.root.expand(true,false); }, failure:function(){ alert("删除失败"); } }); } }); } }] }); nodemenu.showAt(e.getPoint());//menu的showAt,不要忘记 } } }); mytree.getRootNode().expand(true); });3:json格式
[{ id:'01', text:'a', children:[ { id:'0102',text:'b',leaf:true}, {id:'0103',text:'c',leaf:true}, {id:'0101',text:'d',leaf:true} ] }]
发表评论
-
html 制作彩信未完
2012-07-04 19:39 1108<!DOCTYPE html PUBLIC ... -
extjs 弹出进度条
2012-04-27 15:00 1720来个图片 <!-- 页面加载时弹出一个进度条,10秒后 ... -
android 更多,刷新
2012-03-09 09:44 964转载http://06peng.com/read.php/55 ... -
svn 修改历史日志
2012-02-20 11:29 1438转载:http://hi.baidu.com/tsd3698/ ... -
tomcat 直接通过IP访问web项目
2012-02-19 12:28 47781:在开发时访问web项目是这样的http://localho ... -
android 连接webservice
2012-02-17 09:49 11101,jar 2: String namespace=&q ... -
input 自动填充
2011-12-18 15:04 1661<!DOCTYPE html PUBLIC " ... -
smartupload
2011-10-18 09:20 1323转载 上传下载组件SmartUpload使用方法 本篇将讲 ... -
dsfdsfdsf
2011-05-02 18:10 880d -
常用JS 方法
2011-04-22 17:26 1067/** *等待的提示 1-显示 0-不显示 * ... -
精确到秒的js日期时间选择器
2011-04-12 08:44 8295图片 <script type=&quo ... -
web 图片放大镜
2011-04-11 11:28 825web 图片放大镜 -
打印图片
2011-04-09 10:12 881<!DOCTYPE HTML PUBLIC " ... -
JS 复制指定的页面中图片
2011-04-09 10:11 1520<!DOCTYPE HTML PUBLIC " ... -
vb6.0 做的ocx 安全接口
2011-02-11 10:50 1847我在做这个OC X时遇到的问题给大家共享一下, 首先共同的我 ... -
svn2
2011-01-04 13:31 1171安装独立服务器 SVNServer ... -
dwr 使用
2010-12-19 14:33 796转载 http://returnofking.iteye.co ... -
dtrees配置
2010-10-14 17:04 790转http://www.itstudy.cn/www/arti ... -
javascript xml为数据源的下拉框
2010-10-10 09:17 934页面代码: <html> <head&g ... -
Javascript 中的false,零值,null,undefined和空字符串对象
2010-10-09 11:50 1262转http://www.imkevinyang.com/200 ...
相关推荐
功能: 1.实现ExtJS tree 节点右键菜单 实现增删查. 2.实现针对实体数据的动态搜索. 3.代码命名规范,简单易懂. 4.支持IE 9,FF 19.0.2. 5.将文件解压至ext包example任意组件文件夹即可浏览效果.
学习TreePanel时根据网上的资料自己实现的实例,结构如下: 1. 创建一棵树 2. 使用TreeLoader加载数据生成树 3. 读取本地Json数据生成树 4. 使用Servlet提供数据 5. 树的事件 6. 右键菜单 7. 修改节点的默认图标 8. ...
ExtJs grid行 右键菜单的两种方法,需要用extjs制作右键菜单的朋友可以参考下。
ExtJs TreePanel应用ExtJs TreePanel应用
EXTJS4.2官网上的tabpanel的右键关闭当前页,关闭其它,关闭全部有一点小BUG。 修改TabCloseMenu.js文件的一下函数。 压缩文件里面就是修改过后的TabCloseMenu.js文件,只要替换当前4.2的那个文件就可以使用了!
主要方法: collapseAll():收缩所有树节点 expandAll():展开所有树节点 getRootNode():获取根节点 getNodeById(String id):获取指定id的节点 expand( [Boolean deep], [Boolean anim],
下面介绍Extjs 中的 Treepanel 实现菜单级联选中效果。 在 treepanel 里添加以下代码即可实现级联选中效果 主要实现了以下效果: 1.点击父级批量设置所有子节点选中状态 2.点击当前节点寻找所有父级并设置选中状态 3....
NULL 博文链接:https://maoyi606.iteye.com/blog/1782825
完美的Extjs4 treePanel节点刷新,函数为自动刷新选中的节点.API看得头疼才别出来的代码.截止我发之前,好像没有谁共享这个功能的函数吧.
本人自己写的Extjs入门教程,上面实现了treePanel和GridPanel的集成和交互。
本文为大家介绍下extjs4 treepanel如何动态改变行高度,下面有个不错的示例,感兴趣的朋友可以参考下
Ext做的例子右键菜单设置forward跳转可使用于特殊的页面
TreePanel的各项属性能帮助我们动态加载extjs tree
Extjs 下拉菜单实现拼音输入进行检索
extjs4 MVC2 TreePanel动态JSON实现 extjs4 MVC2 TreePanel动态JSON实现
Extjs动态菜单可添加子项和编辑子项,拖动保存、dwr实现存储数据。
NULL 博文链接:https://heartneo.iteye.com/blog/1604828
用ExtJS4实现的treepanel与gridpanel的简单互动案例 包含mvc开发模式与普通开发模式两种 普通开发模式:需要在引入js文件夹中的main.js文件 mvc开发模式:需要引入app文件夹中的app.js文件 适合初学extjs4的朋友