Extjs在樹上加右鍵菜單--2019-04-15
阿新 • • 發佈:2019-04-15
event ont list src rip hand .com row .sh
效果圖如下:
使用規則:將監聽加到按鈕或樹上,監聽代碼如下。
代碼如下:
listeners : { //節點單擊事件 ‘rowcontextmenu‘ : function(view, record, item, index, e) { e.preventDefault(); var treeRightMenu = new Ext.menu.Menu({ items:[{ text:‘查看‘, iconCls:‘bogus‘, menu:[ { id:‘veiwNode‘, text:‘詳情‘, iconCls:‘view‘ },‘-‘,{ id:‘veiwUser‘, text:‘用戶組‘, iconCls:‘un_connected_user‘ } ] },{ text:‘添加‘, iconCls:‘add‘, handler:function(){ this.up("menu").hide(); alert(‘添加‘); } },{ text:‘修改‘, iconCls:‘edit‘, handler:function(){ this.up("menu").hide(); var sid=record.get(‘id‘); alert(‘修改‘); } },{ text:‘刪除‘, iconCls:‘remove‘, handler:function(){ this.up("menu").hide(); var sid=record.get(‘id‘); alert(‘刪除‘); } }] }).showAt(e.getXY()); }, scope : this, ‘itemclick‘ : function(view, record, item, index, e) { var id=record.get(‘id‘); alert(‘點擊左鍵‘); }, scope : this }
Extjs在樹上加右鍵菜單--2019-04-15