Menus and BorderLayout Ext 1.0 - Ext JS

本文讨论了在使用 YUI Ext 进行页面布局时遇到的问题,特别是当菜单从左侧栏弹出覆盖中心区域时出现的消失问题。通过社区的帮助,明确了应该使用 Ext 而不是 YUI 的菜单组件,并提供了关于如何配置和解决问题的建议。
I am considering using yui-ext in my project but it requires the uses of menus on the left side (west panel) of the page the pop out to the right overlaying the center panel. I have tried to make this work under ext 0.xx and I can get the menu to pop out over the center panel but there is a problem with it. If you slowly drag your mouse over to select the pop out menu when the mouse cursor hits the seperator between the west and the center the menu goes away.

Is this issue resolved under 1.0?
Reply With Quote
  #2  
Old 02-26-2007, 10:25 AM
Default

Which menus?
Reply With Quote
  #3  
Old 02-26-2007, 10:43 AM
Default

The YAHOO.widget.menu
Reply With Quote
  #4  
Old 02-27-2007, 09:46 AM
Default

There are around 20-30 threads about this in the Help forum and another in the Examples forum. I would recommend starting research there. Or you can convert to Ext menus and it will work out of the box with better performance and new features. Your choice though.
Reply With Quote
  #5  
Old 03-05-2007, 11:36 PM
Default

I am using version 0.33 and I don't see any reference in the documentation or the demos of yui.ext.menu. Am I missing something?
Reply With Quote
  #6  
Old 03-06-2007, 12:12 AM
Default

yeah, youre missing the 1.0 alpha son
Reply With Quote
  #7  
Old 03-06-2007, 02:03 AM
Default

And you're confoozed. :wink:

The YAHOO.widget.Menu is NOT an Ext component. It's a heavyweight YUI component.

You need an Ext.menu.Menu. You can configure the direction the submenus fly out using the subMenuAlign property. To have them fly out rightwards use "tl-tr?" - although I think this is the default.

There are currently no docs - you'll have to use the example in examples/menu, and read the source!

A few mods are required to allow an Ext.menu.Menu to function as a top level menubar.

There is another thread about this. I'm thinking I'm going to subclass Ext.menu.Menu to create Ext.menu.Menubar which may be aligned either horizontally or vertically. It will have to activate itself on first click of one of it's menu items. It's hide() method will do nothing.
Reply With Quote
  #8  
Old 03-06-2007, 02:07 AM
Default

@Animal

A MenuBar would be super sweet as that'd make attaching a menu (vertical or horizontal, as appropriate) to the collapsed bar of a region fairly straightforward.
Reply With Quote
  #9  
Old 03-06-2007, 02:33 AM
Default

I'll be working on this today.
Reply With Quote
  #10  
Old 03-06-2007, 10:24 AM
Default

@Animal

Hey, i created a kind of "menubar" myself. its probably not what you are trying to make but you could have a look at some of the code maybe.

Its not finished yet, i still have to change the normal click behaviour on items, and some of the animation is not done yet.

http://tommy.extjs.com/components/modulemenu/
Reply With Quote
解释ubuntu_user@kk:~$ sudo apt install nautilus [sudo] password for ubuntu_user: Reading package lists... Done Building dependency tree Reading state information... Done The following additional packages will be installed: adwaita-icon-theme at-spi2-core bubblewrap desktop-file-utils fontconfig gcr gnome-desktop3-data gnome-keyring gnome-keyring-pkcs11 gstreamer1.0-plugins-base gtk-update-icon-cache gvfs gvfs-backends gvfs-common gvfs-daemons gvfs-libs hicolor-icon-theme humanity-icon-theme libatk-bridge2.0-0 libatk1.0-0 libatk1.0-data libatspi2.0-0 libavahi-client3 libavahi-common-data libavahi-common3 libavahi-glib1 libcairo-gobject2 libcairo2 libcdio-cdda2 libcdio-paranoia2 libcdio18 libcdparanoia0 libcolord2 libcue2 libcups2 libdatrie1 libdbusmenu-glib4 libdee-1.0-4 libepoxy0 libexempi8 libexif12 libexiv2-27 libgck-1-0 libgcr-base-3-1 libgcr-ui-3-1 libgd3 libgdata-common libgdata22 libgdk-pixbuf2.0-0 libgdk-pixbuf2.0-bin libgdk-pixbuf2.0-common libgexiv2-2 libgif7 libgnome-autoar-0-0 libgnome-desktop-3-19 libgoa-1.0-0b libgoa-1.0-common libgphoto2-6 libgphoto2-l10n libgphoto2-port12 libgraphite2-3 libgsf-1-114 libgsf-1-common libgstreamer-plugins-base1.0-0 libgtk-3-0 libgtk-3-bin libgtk-3-common libgxps2 libharfbuzz0b libimobiledevice6 libjansson4 libjbig0 libjpeg-turbo8 libjpeg8 liblcms2-2 libldb2 libmtp-common libmtp-runtime libmtp9 libnautilus-extension1a libnfs13 libopenjp2-7 libopus0 liborc-0.4-0 libpam-gnome-keyring libpango-1.0-0 libpangocairo-1.0-0 libpangoft2-1.0-0 libpixman-1-0 libplist3 libpoppler-glib8 libpoppler97 librest-0.7-0 librsvg2-2 librsvg2-common libsecret-1-0 libsecret-common libsmbclient libsoup-gnome2.4-1 libtalloc2 libtevent0 libthai-data libthai0 libtheora0 libtiff5 libtotem-plparser-common libtotem-plparser18 libtracker-control-2.0-0 libtracker-miner-2.0-0 libtracker-sparql-2.0-0 libunity-protocol-private0 libunity-scopes-json-def-desktop libunity9 libupower-glib3 libusbmuxd6 libvisual-0.4-0 libwayland-cursor0 libwayland-egl1 libwbclient0 libwebp6 libxcb-render0 libxcursor1 libxdamage1 libxkbcommon0 nautilus-data p11-kit p11-kit-modules pinentry-gnome3 poppler-data python3-ldb python3-talloc samba-libs tracker tracker-extract tracker-miner-fs ubuntu-mono upower usbmuxd Suggested packages: bluez-obexd samba-common colord cups-common exiv2 libgd-tools gphoto2 libvisual-0.4-plugins libusbmuxd-tools liblcms2-utils opus-tools librsvg2-bin unity-common eog evince | pdf-viewer gnome-sushi nautilus-extension-brasero nautilus-sendto totem | mp3-decoder pinentry-doc poppler-utils ghostscript fonts-japanese-mincho | fonts-ipafont-mincho fonts-japanese-gothic | fonts-ipafont-gothic fonts-arphic-ukai fonts-arphic-uming fonts-nanum The following NEW packages will be installed: adwaita-icon-theme at-spi2-core bubblewrap desktop-file-utils fontconfig gcr gnome-desktop3-data gnome-keyring gnome-keyring-pkcs11 gstreamer1.0-plugins-base gtk-update-icon-cache gvfs gvfs-backends gvfs-common gvfs-daemons gvfs-libs hicolor-icon-theme humanity-icon-theme libatk-bridge2.0-0 libatk1.0-0 libatk1.0-data libatspi2.0-0 libavahi-client3 libavahi-common-data libavahi-common3 libavahi-glib1 libcairo-gobject2 libcairo2 libcdio-cdda2 libcdio-paranoia2 libcdio18 libcdparanoia0 libcolord2 libcue2 libcups2 libdatrie1 libdbusmenu-glib4 libdee-1.0-4 libepoxy0 libexempi8 libexif12 libexiv2-27 libgck-1-0 libgcr-base-3-1 libgcr-ui-3-1 libgd3 libgdata-common libgdata22 libgdk-pixbuf2.0-0 libgdk-pixbuf2.0-bin libgdk-pixbuf2.0-common libgexiv2-2 libgif7 libgnome-autoar-0-0 libgnome-desktop-3-19 libgoa-1.0-0b libgoa-1.0-common libgphoto2-6 libgphoto2-l10n libgphoto2-port12 libgraphite2-3 libgsf-1-114 libgsf-1-common libgstreamer-plugins-base1.0-0 libgtk-3-0 libgtk-3-bin libgtk-3-common libgxps2 libharfbuzz0b libimobiledevice6 libjansson4 libjbig0 libjpeg-turbo8 libjpeg8 liblcms2-2 libldb2 libmtp-common libmtp-runtime libmtp9 libnautilus-extension1a libnfs13 libopenjp2-7 libopus0 liborc-0.4-0 libpam-gnome-keyring libpango-1.0-0 libpangocairo-1.0-0 libpangoft2-1.0-0 libpixman-1-0 libplist3 libpoppler-glib8 libpoppler97 librest-0.7-0 librsvg2-2 librsvg2-common libsecret-1-0 libsecret-common libsmbclient libsoup-gnome2.4-1 libtalloc2 libtevent0 libthai-data libthai0 libtheora0 libtiff5 libtotem-plparser-common libtotem-plparser18 libtracker-control-2.0-0 libtracker-miner-2.0-0 libtracker-sparql-2.0-0 libunity-protocol-private0 libunity-scopes-json-def-desktop libunity9 libupower-glib3 libusbmuxd6 libvisual-0.4-0 libwayland-cursor0 libwayland-egl1 libwbclient0 libwebp6 libxcb-render0 libxcursor1 libxdamage1 libxkbcommon0 nautilus nautilus-data p11-kit p11-kit-modules pinentry-gnome3 poppler-data python3-ldb python3-talloc samba-libs tracker tracker-extract tracker-miner-fs ubuntu-mono upower usbmuxd 0 upgraded, 139 newly installed, 0 to remove and 0 not upgraded. Need to get 32.9 MB of archives. After this operation, 157 MB of additional disk space will be used. Do you want to continue? [Y/n]
09-06
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值