extjs4 tree的右键菜单-技术博客集

extjs4 tree的右键菜单
编程技术 / houtizong 发布于 3年前 77

在treePanel或者treeGrid控件上面注册itemcontextmenu事件就是右键菜单

'#deptGrid' : {          itemcontextmenu : me.deptGrid_itemcontextmenu  }

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());// 菜单打开的位置  }

上一篇：extjs4重写验证textfidld不能输入空格

下一篇：深思“统一发型”背后的逻辑

请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！

<div style="font-size: 14px;" >&nbsp; &nbsp; &nbsp; 在treePanel或者treeGrid控件上面注册itemcontextmenu事件就是右键菜单<pre class="js" name="code">'#deptGrid' : { itemcontextmenu : me.deptGrid_itemcontextmenu } </pre>&nbsp;<pre class="js" name="code">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());// 菜单打开的位置 } </pre>&nbsp;</div>

留言需要登陆哦

技术博客集 - 网站简介：
前后端技术：
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成
网站主要作用：
1.编程技术分享及讨论交流，内置聊天系统;
2.测试交流框架问题，比如：Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识，如有侵权请发邮件到站长邮箱，站长会尽快处理;
4.站长邮箱：[email protected];

文章归档

文章标签

友情链接