菜单容器对象是指,在dorado中可以与菜单对象进行绑定,并以单击或右键弹出方式打开菜单的一类控件。接下来我们会讲到dorado中常用的四种菜单。
常见的条状菜单
在menu的ViewModel中新建MenuBar控件,命名menubar1。 步骤:【Controls】—>【Insert】—>【Others】—>【MenuBar】。
图9-10
设置新建菜单条menubar1的menu属性值为menu1。
图9-11
新建ViewModel的相关JSP页面,命名menu.jsp。
图9-12
全部保存之后,通过【Browse】方式打开JSP页面查看效果。如图9-13所示。
图9-13
实现屉式菜单
屉式菜单容器控件又称为OutlookBar,菜单风格类似于Outlook的菜单而得名。步骤:【Controls】—>【Insert】—>【Others】—>【OutlookBar】。
图9-14
设置新建的outlookbar1的menu属性值为menu1。
图9-15
在JSP页面中添加outlookbar1标签代码,保存之后刷新页面查看效果,如图9-16所示。
图9-16
在menu的ViewModel中调整outlookbar1控件的宽和高,设置height属性值为100%,width属性值为30%。
图9-17
保存之后刷新JSP页面,查看效果。
图9-18
为按钮绑定菜单
在dorado中,Button按钮上可以添加一个菜单并打开。在menu的ViewModel中新建一个Button控件,命名button1。设置button1的menu属性值为menu1。
图9-19
在menu.jsp页面中添加button1的标签代码,保存之后刷新JSP页面查看效果。
图9-20
右键弹出菜单
在Menu菜单对象中,popupContainer属性用于实现控件右键弹出菜单功能。新建SubWindow控件命名subwindow1。步骤:【Controls】—>【Insert】—>【Others】—>【SubWindow】。
图9-21
设置新建subwindow1的height和width属性值都为50%。然后设置menu1菜单对象的popupContainer属性值为subwindow1。
图9-22
在menu.jsp页面中添加subwindow1控件标签代码。
图9-23
全部保存,刷新JSP页面查看效果。
图9-24
开发步骤
在dorado中,Menu是不可见控件。菜单的展现是由菜单对象(Menu)绑定菜单容器对象从而最终在JSP页面显示出来。一般有两种情况:一种是具有menu属性的菜单容器对象绑定菜单对象(Menu),另一种是借助菜单对象(Menu)的popupContainer属性,实现某类容器控件右键弹出菜单。
开发步骤 |
|
第一种:使用菜单容器的menu属性实现 |
|
|
|
|
|
第二种:使用Menu菜单对象的popupContainer属性实现 |
|
|
|
|
|
Attachments:
worddav50578781bb4c66c706cf1a854d1f75cc.png (image/png)
worddave05e957fbae1197d93a822b7b01797ca.png (image/png)
worddav993a91530fa7c741e96af4edc491c214.png (image/png)
worddav47bc6fc68ce11bb84e1dc43fd3f34e07.png (image/png)
worddav5132ff3ced301f43712f1c618a1238dd.png (image/png)
worddavdc305ddfc3b6f6db22580522aabbe8d1.png (image/png)
worddav99cbe0b57c994a619ced03fda9139b29.png (image/png)
worddav1b1411fe901e3ca7410b66407d822e5d.png (image/png)
worddavf06a6967b95393423352ad6076265817.png (image/png)
worddav3566423f59a19f8cc273c70daa329bdf.png (image/png)
worddav24e8d5bd33fe97caa6fb7238d3013947.png (image/png)
worddav5c8c4e9536123f8905472da9224ab239.png (image/png)
worddavc72452b832487c8d371ffa215d6f4a4c.png (image/png)
worddavb6bb8a7c4cbbde790af715db6ca57d98.png (image/png)
worddav748cc857ec925a29eecdc0d2d6c4da7e.png (image/png)
worddavf370568e8e2e7bc1d5141b27d3442038.png (image/png)
worddav1bb092cc11eb2c9ac2f7162484dfc4c5.png (image/png)
worddav49fd96040450ced6923c974ef0fb54a8.png (image/png)
worddavc92199dd8690c1557a75cc64466fa2c7.png (image/png)
worddav83b64b023a79bc675523410af4f62b3c.png (image/png)
worddav65d4c7fe5dbf1844244aa1d259e4ff54.png (image/png)