EXT4 树 右键菜单 显示问题

转自：http://pcat.s23-213.myverydz.com/forum.php?mod=viewthread&tid=1006

Ext.define("AM.view.treeView",{

extend:"Ext.tree.Panel",

title: "组织机构列表",

frame: true,

region: "west", //呈现在西边，即是左边

width: 210,

margin: "1 0 0 3",

collapsible: true, //是否可以收缩

id:"treeID",

border : true,

rootVisible: true,

padding:"0 0 0 0",

dockedItems:[{

xtype:'toolbar',

dock:'bottom',

items:[{

xtype:'button',text:'展开节点',id:'allopen'

},{

xtype:'button',text:'收起节点',id:'allclose'

}]

}],

store:treestore,

listeners:{

'itemclick':function(view,re){

if(re.data.leaf==false){

return;

}else{

alert(re.data.id);

}

},

'itemcontextmenu':function(node,e){

var nodemenu=new Ext.menu.Menu({

items:[{

text:"新增组织机构",

icon:'images/add.gif',

iconCls:'leaf',

handler:function(){

alert("新增");

}

},{

text:"编辑组织机构",

icon:'images/leaf.gif',

iconCls:'leaf',

handler:function(){

alert("编辑");

}

},{

text:"删除组织机构",

icon:'images/delete.gif',

iconCls:'leaf',

handler:function(){

alert("删除");

}

}]

});

nodemenu.show();

}

}

});

treePanel=Ext.create("AM.view.treeView",{});

为什么树的右键菜单 显示 在中间去了，而不是直接在单击节点位置显示

已解决

原因： EXT3.0的 显示菜单的事件是 xxx.show(e.getXY());

4.0 木有这个方法。只有showBy()，和show()

解决办法：把你的floating:false改成floating:true就可以了跟以前一样用了showAt了 ，下面贴出修改后代码：

Ext.define("AM.view.treeView",{

extend:"Ext.tree.Panel",

title: "组织机构列表",

frame: true,

region: "west", //呈现在西边，即是左边

width: 210,

margin: "1 0 0 3",

collapsible: true, //是否可以收缩

id:"treeID",

border : true,

rootVisible: true,

padding:"0 0 0 0",

dockedItems:[{

xtype:'toolbar',

dock:'bottom',

items:[{

xtype:'button',text:'展开节点',id:'allopen'

},{

xtype:'button',text:'收起节点',id:'allclose'

}]

}],

store:treestore,

listeners:{

'itemclick':function(view, record, items, index, e){

if(record.data.leaf==false){

return;

}else{

Ext.MessageBox.show({

title: '节点操作',

msg: 'itemclick：index=' + index + ",text=" + record.data.text,

icon: Ext.MessageBox.INFO

});

}

},

'itemcontextmenu':function(menutree, record, items, index, e){

e.preventDefault();

e.stopEvent();

var nodemenu=new Ext.menu.Menu({

floating:true,

items:[{

text:"新增组织机构",

icon:'images/add.gif',

iconCls:'leaf',

handler:function(){

alert("新增");

}

},{

text:"编辑组织机构",

icon:'images/leaf.gif',

iconCls:'leaf',

handler:function(){

alert("编辑");

}

},{

text:"删除组织机构",

icon:'images/delete.gif',

iconCls:'leaf',

handler:function(){

alert("删除");

}

}]

});

nodemenu.showAt(e.getXY()); }

}

});

treePanel=Ext.create("AM.view.treeView",{});