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把 . 毕竟不同项目背景 取舍不同. 我在做网元树选择的时候 发现当选取父节点后,子节点都会被选择 返回 .但是如 ...
随机推荐
- 【原创】leetCodeOj --- Factorial Trailing Zeroes 解题报告
原题地址: https://oj.leetcode.com/problems/factorial-trailing-zeroes/ 题目内容: Given an integer n, return t ...
- 【原创】leetCodeOj --- Jump Game II 解题报告
原题地址: https://oj.leetcode.com/problems/jump-game-ii/ 题目内容: Given an array of non-negative integers, ...
- 【原创】leetCodeOj --- Find Minimum in Rotated Sorted Array II 解题报告
题目地址: https://oj.leetcode.com/problems/find-minimum-in-rotated-sorted-array-ii/ 题目内容: Suppose a sort ...
- 绕过电信访问Google
最近google被“DNS污染系统”攻击,导致域名无法正常跳转到解析IP,google业务无法访问,也无法使用google搜索,DNS域名污染系统攻击造成google本身故障的假象,针对此问题,一般都 ...
- base 64 编解码器
base 64 编解码 1. base64的编码都是按字符串长度,以每3个8bit的字符为一组, 2. 然后针对每组.首先获取每一个字符的ASCII编码. 3. 然后将ASCII编码转换成8bit的二 ...
- 【转】c#引用类型与值类型的区别大盘点
解析:CLR支持两种类型:值类型和引用类型.用Jeffrey Richter(<CLR via C#>作者)的话来说,“不理解引用类型和值类型区别的程序员将会把代码引入诡异的陷阱和诸多性能 ...
- __weak如何实现目标值自己主动设置nil的
在开始评论__weak机制之前,首先,一些床上用品 ARC 实现 苹果公司的官方介绍说,.ARC这是"内存管理由编译器"的,但事实上,只有编译器不能完全胜任,ARC另外还要看OC执 ...
- 开发一个Swing功能时的一点总结
对JTextField进行效验,有两个途径:(1)是使用javax.swing.InputVerifier在获取焦点时进行校验(2)在点击“确定”按钮的监听事件中对控件的值进行校验 鉴于涉及的业务比较 ...
- 移动开发中Fiddler的那些事儿 (转)
当我以前在调PC端网页的时候,Firefox有Firebug,Chrom也有自己的调试抓包工具,用起来很方便. 但是现在我要在手机上面调试页面,这个时候就没有这么方便的现成工具了. 后面发现了Fidd ...
- JSON连载java目的
一. 前台(JS 面向对象) 1. 定义SearchView对象 function SearchView() { } SearchView.prototype.setViewName = funct ...