extjs 的desktop关联二级菜单执行事件问题

问题描述

在extjs自己带的例子里是桌面图标对应的关联是一级菜单事件。MyDesktop.GridWindow = Ext.extend(Ext.app.Module, { id:'grid-win', //这里定义了ID,到desktop.html可以关联 init : function(){ this.launcher = { text: 'Grid Window', iconCls:'icon-grid', handler : this.createWindow, scope: this } }, createWindow : function(){ var desktop = this.app.getDesktop(); var win = desktop.getWindow('grid-win'); if(!win){ win = desktop.createWindow({ id: 'grid-win', title:'Grid Window', width:740, height:480, iconCls: 'icon-grid', shim:false, animCollapse:false, constrainHeader:true, layout: 'fit', items: new Ext.grid.GridPanel({ 省略。。。。。 }) win.show(); }});对应的desktop.html中<div id="x-desktop"> <dl id="x-shortcuts"> <dt id="grid-win-shortcut"> <a href="#"><img src="images/s.gif" /> <div>Grid Window</div></a> </dt> <dt id="acc-win-shortcut"> <a href="#"><img src="images/s.gif" /> <div>Accordion Window</div></a> </dt> </dl></div>以上没有问题问题如下:但现在做了二级菜单:var windowIndex = 0;MyDesktop.BogusModule = Ext.extend(Ext.app.Module, { init : function(){ this.launcher = { text: 'Window '+(++windowIndex), iconCls:'bogus', handler : this.createWindow, scope: this, windowId:windowIndex } }, createWindow : function(src){ var desktop = this.app.getDesktop(); var win = desktop.getWindow('bogus'+src.windowId); if(!win){ win = desktop.createWindow({ id: 'bogus'+src.windowId, title:src.text, width:640, height:480, html : '<p>Something useful would be in here.</p>', iconCls: 'bogus', shim:false, animCollapse:false, constrainHeader:true }); } win.show(); }}); MyDesktop.CollegeMenuModule = Ext.extend(MyDesktop.BogusModule, { init : function(){this.launcher = { iconCls: 'x-icon-waiting',scope: this, shortcutIconCls: 'demo-bogus-shortcut',text: ' 构建111',handler: function() {return false;}, menu: { items:[{ text: 'GOOGLE库'+(++windowIndex), iconCls:'bogus', handler : this.createWindow, scope: this, windowId: windowIndex },{ text: 'WEB库 '+(++windowIndex), iconCls:'bogus', handler : this.createWindow, scope: this, windowId: windowIndex },{ text: '测试库 '+(++windowIndex), iconCls:'bogus', handler : this.createWindow, scope: this, windowId: windowIndex } ]}}}}); 这样的话在 desktop.html中该怎么写啊?ID这个怎么写,请教。想关联到 'WEB库 ' <div id="x-desktop"> <dl id="x-shortcuts"> <dt id="这个怎么写??"> <a href="#"><img src="images/deskbigicon/webtab.gif" width="60" height="60"/> <div>WEB库 1234</div></a> </dt> <dt id="这个怎么写??" > <a href="#"><img src="images/deskbigicon/ create_tab.gif" width="60" height="60" /> <div>测试库构建</div></a> </dt> </dl>初学,不太会用。不明白这里子menu的id怎么给,写什么??请教好心人解答。谢谢 问题补充:lizhi92574 写道

解决方案

menu 不能给的。dt id 对应 MyDesktop.BogusMenuModule 的id。在执行createWindow的函数可能会出现问题。你可以参考 Ext.Desktop shortcuts 事件代码 及 Ext.app.App.getModule() 函数,可对其修改达到你的要求

时间: 2024-09-28 18:08:00

extjs 的desktop关联二级菜单执行事件问题的相关文章

c#-C#添加Windows右键二级菜单及事件

问题描述 C#添加Windows右键二级菜单及事件 类似7Zip.SVN.Git之类的右键菜单,有子菜单并且需要触发相应的事件,C#怎么实现?請大牛幫忙,急!!!

前端开发-Web前端 二级菜单移植

问题描述 Web前端 二级菜单移植 web前端新手,好多都还不懂,还请多多指教.需要的效果如图,在鼠标悬停在按钮位置,出现二级菜单开发-Web前端 二级菜单移植-移动web 二级菜单联动"> 以下是需要移植的代码 <ul class="verticals-nav red red"> <li><a href="#"><i class="icon-briefcase"></i>

DW+ASP 玩转动态二级菜单

菜单|动态|二级菜单 一般情况下这种情况是来对二级的目录有用,对于现在网站流传的JS好多种,但都无外乎那些令像我这样的菜鸟晕头转向的JS代码..一下子for...一下子array的.废话少说,切入正题了. 首先得建一个表,当然,如果你的表中就已经建好目录的话,那这一步可以省略了.但有一点要提醒:这个表是我这个例子的使用依据(不知道这样说对不对). 由于我用的表是ACCESS的,所以建表就不说了,只列出这个两个表的相应的字段名(数据库名:db.mdb):表名:type_tree --父类字段:ty

Dreamweaver+ASP制作动态二级菜单

dreamweaver|菜单|动态|二级菜单 一般情况下这种情况是来对二级的目录有用,对于现在网站流传的JS好多种,但都无外乎那些令像我这样的菜鸟晕头转向的JS代码..一下子for...一下子array的. 首先得建一个表,当然,如果你的表中就已经建好目录的话,那这一步可以省略了.但有一点要提醒:这个表是我这个例子的使用依据(不知道这样说对不对). 由于我用的表是ACCESS的,所以建表就不说了,只列出这个两个表的相应的字段名(数据库名:db.mdb): 表名:type_tree --父类 字段

Flash二级菜单的制作

菜单|二级菜单 用这种方式建立的菜单要求你拒绝使用按钮的 on (rollOut) 事件.而改用 on(rollOver) 和灵活应用上层按钮对下层按钮的遮蔽作用. 首先,这也是最重要的一步: 建一个足够大的按钮(大到整个场景). 将它放到最底层,以使它可以被其它按钮遮蔽,这样,当有其它按钮在它上面时,它的on(rollOver){} 事件就不会被触发. 它的作用是当鼠标离开菜单的时候关闭子菜单.这是它的代码:on (rollOver) {hideMenu();} hideMenu 函数:fun

鼠标悬浮显示二级菜单效果的jquery实现_jquery

1.布局: <div class="show"> <img src="~/images/head_icon.png" /> <div class="drop" style=" display:none; z-index:80000" id="profileMenu"> <ul> <li> <a class="pass" s

[j2me]二级菜单演示 开源声明

郑昀@ultrapower 产品名称 产品版本 Keyword: JavaME 二级菜单 MenuBarlet 1.0.20  [J2ME]二级菜单演示 (MenuBarlet) 开源说明   我的资源: http://files.cnblogs.com/zhengyun_ustc/menubar-1.0.20-src.rar 这个1.0.20版本的j2me软件,能够在Nokia S60系列.索爱K700C和摩托罗拉Pebl U6手机上运行. 提请注意的是,由于本源代码思路来自于网友相助,并且引

关于javascript修改二级菜单display属性的问题

问题描述 关于javascript修改二级菜单display属性的问题 网页的主体是菜单,二级菜单是隐藏的,以下为一个"书籍"菜单的代码.其中二级菜单的高的数值比一级菜单的要大,所以限制了一级菜单的高度,也声明了二级菜单的高度,计算后的二级菜单的高度也是声明了的二级菜单的高度,但是js控制二级菜单的时候,鼠标指针在二级菜单的停留的高度是一级菜单的高度. 代码如下: <div id="book"> <div id="menu1"

java 托盘怎么实现二级菜单

问题描述 下面是本人参照网络上的代码,实现了托盘及弹出菜单,但是怎么实现二级菜单???求解就像这样if(SystemTray.isSupported()){//判断是否支持系统托盘URLurl=this.getClass().getResource("/images/Trayicon.gif");//获取图片所在的URLImageIconicon=newImageIcon(url);//实例化图像对象Imageimage=icon.getImage();//获得Image对象TrayI