SAP Web Dynpro For ABAP学习笔记(五)

今天,我们来详细学习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下面,建立一个输入框,输入航班代码. 建立一个按钮,用来确定输入,然后根据这个输入的代码,列出航班的具体信息

下面是我做的demo,如果你是刚刚学习,最好自己做.本demo从创建view开始,前面的动作可以参考以前的学习笔记.

The demo

这一节到此结束,大家有什么想法请留言.