[引用]:翱翔云天
970 views
今天,我们来详细学习web dypro view,先来复习一下:
view对用户来说是最小的WD application;
UI element在具体的view中体现;
创建view的方法->参考前面的学习笔记.
1.view editor
前面我们做的练习里面,相信大家都已经看到view editor,现在把它单列出来,介绍各个功能区
UI element区:主要放置我们可能用到的各种UI element,通过拖拽到预览区来创建UI element,或者在层次结构区右键建立UI element
切换工作区:用来切换编辑对象
属性编辑区:用来修改UI element的各项属性
UI element属性:用来控制UI element的显示方式,内容等等,和VB里的属性类似
UI element action: 一般在interactive的控件中存在,例如button等,用来控制用户的行为
2.切换工作区
Inbound/outbound plug: 用于定义进入以及转出当前view的接口,后面我们会详细学习
context:基本上是一个数据容器,也算一个数据定义区,有两个基本内容
context node:这个我还没弄清楚,挖个坑
context attribute:基本上是用来定义数据类型的,比较简单
3.数据绑定
这个我们在前面的练习中可以看到,我们可以绑定一个context attribute到input field中,可以绑定context attrbute到text view中,一般用于输入/输出的UI element都可以进行数据绑定.
当然,前提是我们要首先定义好view context
4.UI element action
这个我们也做了练习,就是当按下Go的按钮后,跳转到第二个画面的动作,其实我们所创建的action会触发event,然后会有event handler去处理我们具体定义的动作,这其中event handler会自动生成一个method.
我们可以通过切换工作区中的action以及method来查看源代码
5.练习
好了,前面介绍了一些view的详细的信息,我们来做个练习来熟悉一下
练习要求: 在同一个view下面,建立一个输入框,输入航班代码. 建立一个按钮,用来确定输入,然后根据这个输入的代码,列出航班的具体信息