当前位置:编程学习 > JS >>

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 ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,