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)
extjs4 treepanel左右键事件
最新推荐文章于 2021-06-18 14:48:33 发布