Ext 右键菜单

最新推荐文章于 2014-01-06 16:32:23 发布

qixiaopeng

最新推荐文章于 2014-01-06 16:32:23 发布

阅读量98

点赞数

分类专栏： Ext JS 文章标签： EXT Java JSP JavaScript ViewUI

Ext JS 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

1、JavaScript


var acGrid = new Ext.grid.GridPanel({
   ……
});

acGrid.addListener('rowcontextmenu', rightClickFn);//“rowcontextmenu”必须是JSP中DIV的ID
var rightClick = new Ext.menu.Menu({
    id:'rightClickCont', 
    items: [
       	{
            	id: 'rMenu1',
            	handler: showSummary,//自定义JS函数
            	iconCls : 'menu',
            	text: '概要信息'
        },
        {
                id: 'rMenu2',
            	handler: showDynaInfo,//自定义JS函数
            	iconCls : 'menu',
            	text: '动态信息'
        }
    ]
});

function rightClickFn(grid,rowindex,e){
    e.preventDefault();
    rightClick.showAt(e.getXY());
}

2、JSP


<body>
  <div id="rightClickCont"></div>
</body>

3、禁用系统自身的右键菜单


document.oncontextmenu=function rf()
{
    if ((event.srcElement.tagName!='INPUT' &&   event.srcElement.tagName!='TEXTAREA' && document.selection.type=='None') || (event.srcElement.tagName=='INPUT' && event.srcElement.disabled) || (event.srcElement.tagName=='TEXTAREA' && event.srcElement.disabled))
   {
   	return false;
   }
}