MenuItem是Menu下最基本的菜单项。
基本特征
可以拥有下级菜单项
运行视图:
设计视图:
支持图标设定
在IDE中我们通过MenuItem的icon属性设置:
通过caption属性设定标题
支持禁用设定
通过disabled属性可以将一个MenuItem设置为禁用,如下的效果:
如上的编辑和搜索两个MenuItem的disabled被设置为true后,在浏览器中展现的时候就会灰化,并且无法单击操作。IDE中的设计视图如:
可以方便的定义单击动作处理逻辑
有两种方式可以实现单击动作的处理
方法一:通过MenuItem的onClick事件做处理
在onClick中编写JS脚本,其中self参数就是MenuItem自身,参考范例:
dorado.MessageBox.alert("您单击了:"+self.get("caption"));
方法二:利用MenuItem的action定义动作
同样上面的动作,我们改用Action实现,如页面上定义一个Action:
并将上面的onClick事件的代码移到这个Action的onExecute事件中:
之后我们就删除原来定义在MenuItem中的onClick事件的代码,并设置其action属性为上面新增的actionHelp对象:
Attachments:
MenuItemPreview.PNG (image/png)
GridMenuPreview.PNG (image/png)
MenuItemDesign.PNG (image/png)
MenuItemPreview.PNG (image/png)
iconDesign.PNG (image/png)
DisablePreview.png (image/png)
DisableDesign.PNG (image/png)
MenuItemonClick.PNG (image/png)
actionHelp.PNG (image/png)
actionEvent.PNG (image/png)
MenuItemAction.png (image/png)
GridMenuPreview.PNG (image/png)
MenuItemDesign.PNG (image/png)
MenuItemPreview.PNG (image/png)
iconDesign.PNG (image/png)
DisablePreview.png (image/png)
DisableDesign.PNG (image/png)
MenuItemonClick.PNG (image/png)
actionHelp.PNG (image/png)
actionEvent.PNG (image/png)
MenuItemAction.png (image/png)