Dorado 9 : 03. 第一个界面(HelloWorld)

页面效果预览：

页面功能非常简单:页面上显示一个按钮,单击这个按钮出现一个"HelloWorld!"的信息提示框

下面我们来实做这个页面,为了减低难度，我们直接在dorado上面准备工作中完成的sample-center中完成这个HelloWorld的开发。

之后单击training的右键,创建一个新的View文件:

界面如下显示：

直接点击下一步“Next”

将文件名命名为HelloWorld.view.xml：

得到如下视图:

选择View节点,并在Dorado ToolBox中输入Button(或直接在General中找到Button控件):

双击Dorado ToolBox中的Button控件，IDE会自动将Button控件添加到View节点下：

选择View节点下的Button控件,在右侧的Properties面板中设置其属性：

属性	值	说明
caption	Greeting from Dorado ...	控件显示名称

接下来在属性编辑器区域选择下图中的ClientEvents标签按钮，切换Button属性编辑器到事件编辑器上

找到其中的onClick事件，并双击onClick打开View视图编辑区的Events视图，并在其中写入JavaScript代码：

 dorado.MessageBox.alert("Hello World!");

保存当前视图，并先启动当前的tomcat(如果未启动的话):

得到如下视图:

这样我们就完成了HelloWorld的开发。

Attachments: