Ext4右键菜单实现

1、首先禁用浏览器默认右键菜单，代码如下：

     将下列代码加到Ext.onReady()中即可解决：

     Ext.getDoc().on("contextmenu", function(e){
         e.stopEvent();
    });

2、我们以Ext.grid.Panel为例，先创建一个右键菜单项：

          var rightClick= Ext.create('Ext.menu.Menu', {
            width: 100,
            height: 100,
            plain: true,
            floating: false,  // usually you want this set to True (default)
            renderTo: Ext.get('grid'),  // usually rendered by it's containing component
            items: [{
                text: '增加'
            },{
                text: '删除'
            },{
                text: '修改'
            }]
          });

3、接下来添加

      //添加右键监听
      grid.addListener('containercontextmenu', rightClickFn,this);

4、定位菜单位置：

      function rightClickFn(client,e) {//client  ;rowIndex:键盘，
          e.stopEvent();//此方法也可关闭默认右键菜单
          //e.preventDefault();//默认浏览器菜单

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

完善中...