前言——这篇文章是 SAP ABAP Web Dynpro 系列。

介绍

有各种类别的用户界面元素（UI 元素）在 网页动态 用于创建界面布局的资源管理器。 这些标准 UI 元素例如是按钮、表格或输入字段。 在开发 Web Dynpro 应用程序时，UI 元素放置在运行时特定屏幕区域中显示的视图中。

什么是 Web Dynpro 中的 UI 元素

Web Dynpro 提供了一个 面向设计的开发 用户界面，并以类别的形式为应用程序编程提供一个紧凑的 UI 元素类库。 库中存在的每个 UI 元素都有不同的属性、事件和聚合，这些属性决定了它在用户界面上的显示方式。 特定 UI 元素的属性、操作和聚合有多种可用类别，例如：

收藏

默认情况下，此类别保持为空，除非您会选择一些常用的 UI 元素。 这样可以节省时间，因为不需要一遍又一遍地选择元素。

文本

此类别包含所有带有文本内容的 UI 元素，例如标题、说明、输入字段、标签等。

操作

所有具有某种动作属性的 UI 元素都归入此类别，例如按钮、按钮选择、动作链接、URL 链接等。

选择

顾名思义，该类别包含所有选择选项，例如单选按钮、复选框、下拉列表、复选框组等。

复杂

所有复杂元素都在这个单元中分类为表格、树（层次结构形式）、路线图（显示特定向导中遵循的步骤）、图例（此元素有助于以不同颜色显示描述性文本）、日期导航器（此元素帮助用户输入和显示所需的日期）等。

布局

用于形成布局设计的元素被归为这一类，例如页眉、按钮行、标签条、滚动容器等。

图形

此类别包含所有 UI 元素，包括表示图形，例如网络（以节点和节点之间的连接形式显示每个实体的设计）、图像、值比较、进度指示器等。

网络将如下所示：

整合

用于在 web Dynpro 中集成不同技术的那些属性是通过在此类别中分组的 UI 元素实现的。 比如文件上传、文件下载、交互表单等。

创建 UI 元素

创建 UI 元素的步骤：

1. 首先，创建一个 web dynpro 应用程序，如上一篇文章所示。
2. 然后我们需要在上下文选项卡中创建一个节点，这里创建一个节点“SFLIGHT”，并带有一些属性
   
3. 在方法选项卡中创建一个事件“get_flight”，然后保存应用程序。
4. 为了在 web dynpro 中动态创建 UI 元素，使用了“WDModify”方法。

在屏幕上创建输入字段和按钮元素的代码是：

调用方法 cl_wd_input_field=>new_input_field 导出 bind_value = 'SFLIGHT.CARRID' id = 'INPUT11' 接收控制 = lo_input。 CALL METHOD cl_wd_button=>new_button EXPORTING enabled = 'X' id = 'B11' on_action = 'get_flight' text = 'Get the Flight Data' RECEIVING control = lo_button。