Dorado 9 : MenuItem(DCUG)

MenuItem是Menu下最基本的菜单项。

基本特征

运行视图:

设计视图:

在IDE中我们通过MenuItem的icon属性设置:

通过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)