Webdynpro Study Notes (5) [reprinted]

[Reference]: soaring clouds

970 views

Today, let's take a look at the web dypro view in detail. Let's review it first:

View is the smallest WD application for users;

The UI element is embodied in a specific view;

Create view method-> refer to the previous study notes.

1. View Editor

In the previous exercises, I believe everyone has seen the view editor. Now I will list it separately to introduce the functional areas.

UI element area: mainly place various UI elements that we may use. You can drag them to the preview area to create a UI element, or right-click the hierarchy area to create a UI element.

Change Workspace: used to switch between editing objects.

Attribute editing area: used to modify attributes of the UI element.

UI element attribute: used to control the display mode and content of the UI element. It is similar to the attribute in VB.

UI element action: generally exists in interactive controls, such as buttons, to control user behaviors.

2. Switch the Workspace

Inbound/outbound plug: used to define the interface for entering and transferring the current view. We will learn more later.

Context: it is basically a data container and also a data definition area. There are two basic contents.

Context node: I haven't figured it out yet.

Context attribute: It is basically used to define the data type and is relatively simple.

3. Data Binding

In the previous exercise, we can see that we can bind a context attribute to the input field, and bind context attrbute to the text view, generally, the UI elements used for input/output can be bound to Data.

Of course, the premise is that we must first define the view Context

4. UI element action

We have also done this exercise, that is, when you press the go button and jump to the second picture, the action we created will trigger the event, then there will be event handler to process our specific defined actions, in which event handler will automatically generate a method.

You can view the source code by switching the action and method in the workspace.

5. Exercise

Now, we have introduced some detailed information about the view. Let's take a exercises to familiarize ourselves with it.

Exercise requirements: Create an input box under the same view and enter the flight code. Create a button to confirm the input. Then, based on the entered code, list the flight details.

Reference: http://www.abaptech.com /? P = 451