- SAP UI5 控件库里 Form 控件和 SimpleForm
- SAP UI5 SimpleForm 控件的 adjustLab
- SAP UI5 SimpleForm 里在水平方向显示多组 Fo
- SAP UI5 里的 Busy Indicator 控件使用概述
- SAP UI5 应用 SimpleForm 控件 Respons
- SAP UI5 Smart Table 和 Smart Filt
- SAP UI5 的 TimePicker ,一个钟表外观的时间选
- ODataListBinding.filter 方法里 Filt
- SAP UI5 DynamicPage 控件介绍
- SAP UI5 OData, annotation这些设计的意义
本教程前面几个步骤,我们介绍了 SAP UI5 SimpleForm 控件的使用方式和背后的工作原理:
-
SAP UI5 应用开发教程之一百三十四 - SAP UI5 Simple Form 属性 columnsL,columnsM,columnsXL 的属性深入剖析
-
SAP UI5 应用开发教程之一百三十六 - SAP UI5 应用 SimpleForm 控件 ResponsiveGridLayout 布局的工作原理深入剖析
-
SAP UI5 应用开发教程之一百三十七 - SAP UI5 SimpleForm 里在水平方向显示多组 Form 元素的实现方法
以步骤 137 为例,我们进入 137 文件夹,执行命令行 ui5 serve
之后,打开 url http://localhost:8080/index.html
,看到如下界面:
![](https://img.haomeiwen.com/i2085791/2c171faa9dd98b15.png)
SimpleForm 控件里包含了三个响应式网格,每个网格内显示一组由 Label 和 Text 组成的 Form 元素。
我们如果使用 Chrome 开发者工具的扩展:UI5 Inspector,在这个扩展提供的 UI5 面板里,能够观察到 SAP UI5 SimpleForm 控件,底层实际是由 sap.ui.layout.form.Form 控件实现的:
![](https://img.haomeiwen.com/i2085791/079cb0ddc1ed2690.png)
本文就来介绍 SAP UI5 SimpleForm 和 Form 这两个控件的区别和联系。
进入本教程的 138 文件夹,仍旧运行命令行 ui5 serve
, 打开 url http://localhost:8080/index.html
,看到如下界面:
![](https://img.haomeiwen.com/i2085791/1839b2b05ced5307.png)
下面是具体的实现步骤。
网友评论