Extjs 4.2 右键菜单树节点(,选择逆,废除)
写自己的最新版本号extjs4.2树节点的操作,记录它,可能在将来被用于。
var tree = new Ext.tree.TreePanel({
flex: 1,
animate: true,
autoScroll: true,
anchor: '100% 93%',
store: new Ext.data.TreeStore({
root:{
expanded: true,
text:'A',
children:[{
expanded: true,
text:'1',
children:[{
text:'2',
icon:'sysimg/icon/image.gif',
leaf:true,
id:'1_1',
checked:false
},{
text:'3',
icon:'sysimg/icon/layout.gif',
leaf:true,
id:'1_2',
checked:false
},{
text:'4',
icon:'sysimg/icon/image_add.png',
leaf:true,
id:'1_3',
checked:false
},{
text:'5',
icon:'sysimg/icon/out.gif',
leaf:true,
id:'1_4',
checked:false
},{
text:'6',
icon:'sysimg/icon/leave.gif',
leaf:true,
id:'1_5',
checked:false
},{
text:'7',
icon:'sysimg/icon/preview_16x16.gif',
leaf:true,
id:'1_5',
checked:false
},{
text:'8',
icon:'sysimg/icon/upload.gif',
leaf:true,
id:'1_7',
checked:false
},{
text:'9',
icon:'sysimg/icon/users--exclamation.gif',
leaf:true,
id:'1_8',
checked:false
},{
text:'10',
icon:'sysimg/icon/Pixies_020.gif',
leaf:true,
id:'1_9',
checked:false
}]
},{
expanded: true,
text:'B',
children:[{
text:'11',
icon:'sysimg/icon/Pixies_023.gif',
leaf:true,
id:'2_1',
checked:false
},{
text:'12',
icon:'sysimg/icon/Pixies_017.gif',
leaf:true,
id:'2_2',
checked:false
}]
},{
expanded: true,
text:'C',
children:[{
text:'13',
icon:'sysimg/icon/users--arrow.gif',
leaf:true,
id:'3_1',
checked:false
},{
text:'14',
icon:'sysimg/icon/users.gif',
leaf:true,
id:'3_2',
checked:false
},{
text:'15',
icon:'sysimg/icon/hammer.gif',
leaf:true,
id:'3_3',
checked:false
},{
text:'16',
icon:'sysimg/icon/bandaid--arrow.gif',
leaf:true,
id:'3_4',
checked:false
},{
text:'17',
icon:'sysimg/icon/user_go.gif',
leaf:true,
id:'3_5',
checked:false
},{
text:'18',
icon:'sysimg/icon/cog.gif',
leaf:true,
id:'3_6',
checked:false
},{
text:'19',
icon:'sysimg/icon/publish.gif',
leaf:true,
id:'3_7',
checked:false
},{
text:'20',
icon:'sysimg/icon/users--exclamation.gif',
leaf:true,
id:'3_8',
checked:false
},{
text:'21',
icon:'sysimg/icon/user-black.gif',
leaf:true,
id:'3_9',
checked:false
},{
text:'22',
icon:'sysimg/icon/leaf.gif',
leaf:true,
id:'3_10',
checked:false
}]
}]
}
}),
listeners:{
'itemcontextmenu':function(menutree,record,items,index,e){
e.preventDefault();
e.stopEvent();
//推断是否为叶子结点
if(record.data.leaf==false){
var nodemenu = new Ext.menu.Menu({
floating:true,
items:[{
text:'全选',
handler:function(){
for( var i =0;i<record.data.children.length;++i){
//设置结点checked属性为true
record.childNodes[i].set('checked',true);
}
}
},{
text:'反选',
handler:function(){
for( var i =0;i<record.data.children.length;++i){
if(record.childNodes[i].data.checked == false) {
//设置结点checked属性为true
record.childNodes[i].set('checked',true)}
else {
//设置结点checked属性为true
record.childNodes[i].set('checked',false);
}
}
}
},{
text:'撤销所有',
handler:function(){
for( var i =0;i<record.data.children.length;++i){
//设置结点checked属性为false
record.childNodes[i].set('checked',false);
}
}
}]
});
nodemenu.showAt(e.getXY());
}
}
}
});
版权声明:本文博主原创文章,博客,未经同意不得转载。
Extjs 4.2 右键菜单树节点(,选择逆,废除)的更多相关文章
- EXT.NET 使用总结(2) ---TreePanel(带右键菜单,节点自定义属性)
TreePanel(带右键菜单,节点自定义属性) 其实这个树控件也挺好用的.http://www.ztree.me/v3/main.php#_zTreeInfo html <ext:Panel ...
- DevExpress的TreeList实现自定义右键菜单打开文件选择对话框
场景 DevExpress的TreeList实现节点上添加自定义右键菜单并实现删除节点功能: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/det ...
- Flex4_Tree组件1(添加、删除、展开、关闭、右键菜单)
1.屏蔽系统菜单:工程目录“html-template”文件夹-->“index.template.html”文件中,在var params = {};语句下添加新语句: para ...
- PIE SDK图层树右键菜单与命令绑定
1. 功能简介 上一节已经介绍过图层树如何和地图和制图关联,图层树右键菜单主要是基于TocControl控件进行对菜单节点进行控制,TocControl主要作用是显示当前加载的图层有哪些.采用什么 ...
- 图层树右键菜单结合Command操作过程
图层树右键菜单结合Command操作过程 根据老师线上培训图层树右键菜单的生成,添加contextMenuStrip后再依次添加.命名ToolStripMenuItem,若将全部‘项’添加C ...
- ASP.NET Aries 入门开发教程8:树型列表及自定义右键菜单
前言: 前面几篇重点都在讲普通列表的相关操作. 本篇主要讲树型列表的操作. 框架在设计时,已经把树型列表和普通列表全面统一了操作,用法几乎是一致的. 下面介绍一些差距化的内容: 1:树型列表绑定: v ...
- DevExpress的TreeList实现节点上添加自定义右键菜单并实现删除节点功能
场景 Winform控件-DevExpress18下载安装注册以及在VS中使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1 ...
- nui UI 具有右键属性的菜单树
参考示例:树右键菜单 一:创建ContextMenu <ul id="treeMenu" class="nui-contex ...
- 基于EasyUi ComBotree树修改 父节点选择问题
本人在使用 Easy UI 期间发现了一个不太适合项目的bug,可能也不算bug把 . 毕竟不同项目背景 取舍不同. 我在做网元树选择的时候 发现当选取父节点后,子节点都会被选择 返回 .但是如 ...
随机推荐
- 《深入Java虚拟机》笔记:指令集 (转)
<深入Java虚拟机>笔记:指令集 指令 含义 iconst_m1 把int型常量-1压入栈中 iconst_0 把int型常量压入栈中 fconst_1 把float型常量1压入栈中 ...
- virtio-blk分析
和virtio-network相同,virtio-blk驱动程序使用Virtio机制Guest它提供了一个高性能的设备I/O方法.我们期待在这里virtio-blk实现. [点击查看全文] http: ...
- 前端构建工具gulp
前端构建工具gulp使用 前端自动化流程工具,用来合并文件,压缩等. Gulp官网 http://gulpjs.com/ Gulp中文网 http://www.gulpjs.com.cn/ Gul ...
- Case when 的使用方法
SQL Case when 的使用方法 Case具有两种格式.简单Case函数和Case搜索函数. --简单Case函数 CASE sex WHEN '1' THEN '男' WHEN '2' THE ...
- Linux下安装Oracle11g服务器(转)
安装环境 Linux服务器:SuSe10 sp2 64位 Oracle服务器:Oracle11gR2 64位 系统要求 Linux安装Oracle系统要求 系统要求 说明 内存 必须高于1G的物理内存 ...
- Android开发之Handler和Looper的关系
关于Handler的总结. Message:消息,当中包括了消息ID,消息处理对象以及处理的数据等,由MessageQueue统一列队,终由Handler处理. Handler:处 ...
- WPF异步载入图片,附带载入中动画
原文:WPF异步载入图片,附带载入中动画 WPF异步载入图片,附带载入中动画 最近,在做一个WPF项目.项目中有一个需求,就是以列表的方式显示出项目图片.这些图片有的存在于互联网上,有的存在于本地磁盘 ...
- Could Not Connect
今天在写Quartz定时任务web应用时,访问项目页面出现Could Not Connect,后台也没报错. 然后我访问http://127.0.0.1:8080(Apache主页)的时候是正常的. ...
- 座IO理解力
一般堵塞IO服务器通信,通常有一个单独的Acceptor线程负责监控client联系,它接收client对于每个请求连接后client分配用于处理一个新的线程,处理后.返回应答给client.线程才销 ...
- EJB学习笔记
1 J2ee概述 J2ee是企业级的计算平台,它为分布式和基于组件的软件开发提供了一个“操作系统” Ant是什么工具?? EJB: 什么是EJB? 是一种server端组件结构,简化了开发分布式企 ...