Ext grid 添加右击菜单

183 阅读 0 评论 121 点赞

我是靠谱客的博主怡然长颈鹿，最近开发中收集的这篇文章主要介绍Ext grid 添加右击菜单，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

grid . addListener ( 'rowcontextmenu' , rightClickFn ); // 右键菜单代码关键部分 
//Menu 建立 
var rightClick = new Ext . menu . Menu ({ 
id : 'rightClickCont' , // 在 HTML 文件中必须有个 rightClickCont 的 DIV 元素 
items : [{ 
id : 'rMenu1' , 
handler : rMenu1Fn , // 点击后触发的事件 
text : ' 右键菜单 1' 
}, { 
id : 'rMenu2' , 
handler : rMenu2Fn , 
text : ' 右键菜单 2' 
}] 
}); 
function rightClickFn ( grid , rowindex , e ){ 
e . preventDefault (); 
rightClick . showAt ( e . getXY ()); 
} 
function rMenu1Fn (){ 
Ext . MessageBox . alert ( 'right' , ' 右键菜单 1 被点击 ' ); 
} 
function rMenu2Fn (){ 
Ext . MessageBox . alert ( 'right' , ' 右键菜单 2 被点击 ' ); 
} 