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把 . 毕竟不同项目背景 取舍不同. 我在做网元树选择的时候 发现当选取父节点后,子节点都会被选择 返回 .但是如 ...
随机推荐
- Cluster Table
对簇表来说,总是要先创建簇段(cluster segment).然后将表关联到cluster segment里.由此可知,簇表也是虚拟表,没有对应的segment,簇表对应的是cluster segm ...
- Android AlarmManager报警的实现
什么是AlarmManager? AlarmManager它是Android经常使用的系统-Level提醒服务,我们指定为广播中的特定时间Intent. 我们设定一个时间,然后在该时间到来时.Alar ...
- 认识Backbone (五)
Backbone.Router(路由)/ Backbone.history(历史) Backbone.Router 为客户端路由提供了许多方法,并能连接到指定的动作(actions)和事件(even ...
- hdu 神、上帝以及老天爷
HDU 2006'10 ACM contest的颁奖晚会隆重开始了! 为了活跃气氛,组织者举行了一个别开生面.奖品丰厚的抽奖活动,这个活动的具体要求是这样的: 首先,所有参加晚会的人员都将一张写有自己 ...
- javascript 正则匹配 提取所有 preg_match_all matchAll方法
javascript 提取全部的的方法.javascript中没有matchAll这种方法. 用while来实现类似 PHP 中的preg_match_all() :(by default7#zbph ...
- uva--165(邮资问题,dp)
题意: 某国家发行k种不同面值的邮票,而且规定每张信封上最多仅仅能贴h张邮票. 公式n(h,k)表示用从k中面值的邮票中选择h张邮票,能够组成面额为连续的1.2.3,--n. n是能达到的最大面值之和 ...
- 事件冒泡 ,停止事件冒泡 e.stopPropagation()
<1> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>防止起泡 ...
- Oracle中REGEXP_SUBSTR及其它支持正则表达式的内置函数小结
Oracle中REGEXP_SUBSTR函数的使用说明: 题目如下:在oracle中,使用一条语句实现将'17,20,23'拆分成'17','20','23'的集合. REGEXP_SUBSTR函数格 ...
- phpword这个问题的产生中国扭曲
采用phpword经word模板生成word当文件,乱码的问题.矿php和所有的数据库使用urf8编码格公式.解决的办法是,到场/phpword/template.php档,守则 $replace ...
- JS基础——函数的创建和使用
在JS中函数在使用时实质上和我们平时学习的编程语言中的函数类似,它相同也具有函数名,參数,返回值,函数体等这些寻常函数所具有的内容.可是作为一种脚本语言,它确实也有自己不一样的地方. 一.创建 < ...