extjs4 treepanel左右键事件
2014-04-19 17:17
260 查看
treepanel节点左右键事件
listeners:{
itemclick: function(view, record, item, index,e,eOpts){
var me = this;
if(!record.data.leaf){
if(record.data.expanded){
view.ownerCt.collapseNode(record);
}else{
view.ownerCt.expandNode(record);
}
Ext.getCmp('center-panel').setActiveTab(Ext.getCmp('tabpanel1'));
}else{
// Ext.MessageBox.alert('msg',Ext.getCmp('center-panel'));
scope:this;
Ext.getCmp('center-panel').setActiveTab(Ext.getCmp('tabpanel2'));
}
} ,
'itemcontextmenu':function(view,record,item,index,e,eOpts){
//禁用浏览器的右键相应事件
e.preventDefault();
e.stopEvent();
var menu = new Ext.menu.Menu({
//控制右键菜单位置
float:true,
items:[{
text:"修改",
iconCls:'leaf',
handler:function(){
//当点击时隐藏右键菜单
this.up("menu").hide();
alert(record.raw.name);
}
},{
text:"添加",
iconCls:'leaf',
handler:function(){
this.up("menu").hide();
alert("添加");
}
},{
text:"删除",
iconCls:'leaf',
handler:function(){
this.up("menu").hide();
alert("删除");
}
}
]
}).showAt(e.getXY());//让右键菜单跟随鼠标位置
}
}
点击节点是加一个listeners,点击节点的时候触发下面的方法
Ext.getCmp('tabpanel').setActiveTab(Ext.getCmp('user1'));
tabpanel是 tabpanel的id
user1是 tabpanel的items里的一个元素的id(也就是你想显示的tabpanel)
listeners:{
itemclick: function(view, record, item, index,e,eOpts){
var me = this;
if(!record.data.leaf){
if(record.data.expanded){
view.ownerCt.collapseNode(record);
}else{
view.ownerCt.expandNode(record);
}
Ext.getCmp('center-panel').setActiveTab(Ext.getCmp('tabpanel1'));
}else{
// Ext.MessageBox.alert('msg',Ext.getCmp('center-panel'));
scope:this;
Ext.getCmp('center-panel').setActiveTab(Ext.getCmp('tabpanel2'));
}
} ,
'itemcontextmenu':function(view,record,item,index,e,eOpts){
//禁用浏览器的右键相应事件
e.preventDefault();
e.stopEvent();
var menu = new Ext.menu.Menu({
//控制右键菜单位置
float:true,
items:[{
text:"修改",
iconCls:'leaf',
handler:function(){
//当点击时隐藏右键菜单
this.up("menu").hide();
alert(record.raw.name);
}
},{
text:"添加",
iconCls:'leaf',
handler:function(){
this.up("menu").hide();
alert("添加");
}
},{
text:"删除",
iconCls:'leaf',
handler:function(){
this.up("menu").hide();
alert("删除");
}
}
]
}).showAt(e.getXY());//让右键菜单跟随鼠标位置
}
}
点击节点是加一个listeners,点击节点的时候触发下面的方法
Ext.getCmp('tabpanel').setActiveTab(Ext.getCmp('user1'));
tabpanel是 tabpanel的id
user1是 tabpanel的items里的一个元素的id(也就是你想显示的tabpanel)
相关文章推荐
- jsp学习笔记
- js中的时间转换—毫秒转换成日期时间
- 深入理解javascript之执行上下文(execution context)
- javascript---对象和函数的引用、浅拷贝、深拷贝、递归
- JS完成改变新闻字体大中小的显示
- javascript 的参数有长度限制吗?一个细节引起的误区
- 4种解决json日期格式问题的办法
- javascript中escape(), encodeURI()和 encodeURIComponent()有什么异同
- javascript,ajax 中文乱码
- 【读书笔记】读《JavaScript设计模式》之装饰者模式
- javascript 巴西世界杯倒计时
- js四舍五入保留2位小数的位数。
- [Bzoj1012][JSOI2008]最大数maxnumber
- [MD5加密的javascript实现例子
- javascript --- 事件委托
- 如何在Sublime Text 2 上安装插件
- KnockoutJs官网教程学习(一)
- jsoncpp的入门学习
- ExtJS cross domain AJAX
- javascript--枚举算法实现