extjs4 tree的右键菜单
在treePanel或者treeGrid控件上面注册itemcontextmenu事件就是右键菜单
[javascript] #deptGrid' : {
itemcontextmenu : me.deptGrid_itemcontextmenu
}
'#deptGrid' : {
itemcontextmenu : me.deptGrid_itemcontextmenu
}
[javascript] deptGrid_itemcontextmenu : function(his, record, item, index, e) {
// 部门表的右键菜单
var me = this;
e.preventDefault();
e.stopEvent();// 这两个很重要,否则点击鼠标右键还是会出现浏览器的选项
var array = [ {
text : '添加员工',
handler : function() {
}
}, {
text : '修改部门',
handler : function() {
}
}, {
text : '删除部门',
handler : function() {
}
}];
var nodemenu = new Ext.menu.Menu({
items : array
});
nodemenu.showAt(e.getXY());// 菜单打开的位置
}
deptGrid_itemcontextmenu : function(his, record, item, index, e) {
// 部门表的右键菜单
var me = this;
e.preventDefault();
e.stopEvent();// 这两个很重要,否则点击鼠标右键还是会出现浏览器的选项
var array = [ {
text : '添加员工',
handler : function() {
}
}, {
text : '修改部门',
handler : function() {
}
}, {
text : '删除部门',
handler : function() {
}
}];
var nodemenu = new Ext.menu.Menu({
items : array
});
nodemenu.showAt(e.getXY());// 菜单打开的位置
}
补充:web前端 , JavaScript ,