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把 . 毕竟不同项目背景 取舍不同. 我在做网元树选择的时候 发现当选取父节点后,子节点都会被选择 返回 .但是如 ...
随机推荐
- HDU 1420 Prepared for New Acmer【中国剩余定理】
/* 解决问题的思路:中国剩余定理,还要注意的是数据的类型,要使用__int64位 解决人:lingnichong 解决时间:2014-08-30 06:56:35 :简单题 */ Prepared ...
- 玩转web之json(五)---将表单通过serialize()方法获取的值转成json
form表单有一个serialize()方法,可以序列化表单的值,但是jquery提供的这个方法会把数据序列化为类似下面的形式: a=1&b=2&c=3&d=4 jquery并 ...
- DB2 “The transaction log for the database is full” 存在的问题及解决方案
DB2在执行一个大的insert/update操作的时候报"The transaction log for the database is full.. "错误,查了一下文档是DB ...
- 【源代码】TreeMap源代码剖析
注:下面源代码基于jdk1.7.0_11 之前介绍了一系列Map集合中的详细实现类,包含HashMap,HashTable,LinkedHashMap.这三个类都是基于哈希表实现的,今天我们介绍还有一 ...
- UIScrollViewA都PI得知。
//1.设定滚定条的样式 typedef NS_ENUM(NSInteger, UIScrollViewIndicatorStyle) { UIScrollViewIndicatorStyleDefa ...
- 【转】HLSL基础
原文地址http://blog.csdn.net/chpdirect1984/article/details/1911622 目录 前言 1.HLSL入门 1.1什么是着色器 1.2什么是HLSL 1 ...
- 让Emeditor支持markdown编辑博客
让Emeditor支持markdown编辑博客 1. 关于高亮显示 2.生成HTML文件并预览 用惯了Emeditor,最近又开始学习用markdown写博客,怎么让Emeditor支持markdow ...
- java 二维码原理以及用java实现的二维码的生成、解码(转)
http://blog.csdn.net/songylwq/article/details/8643948 http://sjsky.iteye.com/blog/1136934 http://bbs ...
- 获取Winform窗体、工作区 宽度、高度、命名空间、菜单栏高度等收集
MessageBox.Show("当前窗体标题栏高"+(this.Height - this.ClientRectangle.Height).ToString());//当前窗体标 ...
- 飞信免费邮件api,飞信界面
大家都知道飞信是能够免费发送短信的,可是飞信又没有官方的接口,所以无法借用移动的官方接口实现短信的免费发送,可是还是有一些破解的接口能够使用的. GET方法: 提交格式 http://66.zzuob ...