XML
XML View
XML 视图类型在 XML 文件中定义。文件名以 .view 结尾.xml或 XML 字符串。
- 对于View/Detail.view.xml来说,使用controllerName="XXX.contorller.Detail"来显示此视图实例
- 若要创建的实例,标记xmlns="sap.m"与之使用
XML视图中的命名空间
- 必须的命名空间可以定义为默认命名空间,此空间标记可以不需要前缀
- 命名可以任何别名,约定为包名称最后一部分
- 即使引用了
xmlns:layout="sap.ui.layout"
,引用此库的子包也需要完整引用xmlns:form="sap.ui.layout.form"
XML 视图中的聚合处理
在 XML 视图中,可以将聚合的子控件添加为子标记子属性。
XML 视图中的控件属性和关联
Vue写法:<Text :text="value"/>
React写法:<Text text={value}/>
注意
在 XML 中具有特殊含义的字符(如< 或& )出现在属性值中时,转义这些字符。请改用 XML 实体(如<代替 ,或&代替 )。
单选多选的元素关联
可以使用空格分割多个ID
在 XML 视图中使用 CSS 样式表
- 内联样式的环境
- 在 JavaScript 中引用样式类
若要在 JavaScript 中引用样式类(例如在控制器中),请在控件上使用该方法:addStyleClass
- 引用外部样式表
XML 事件以及传参
XML 视图缓存
XML View 模块组件
在处理
core:require
元素的任何其他属性之前,首先加载属性中定义的模块。因此,它们可以在同一元素中用于绑定、事件处理程序等。
Controller 控制器
"sap.hcm.Address"
引号中的字符串指定控制器名称- 控制器文件的名称应命名为引号中的字符串
.controller.js
后缀对于控制器是必需的
SAPUI5 提供以下生命周期挂钩:
- onInit():在实例化视图且已创建其控件(如果可用)时调用;用于在显示视图之前修改视图以绑定事件处理程序并执行其他一次性初始化
- onExit():视图被销毁时调用;用于释放资源和完成活动
- onAfterRendering():在呈现视图时调用,因此其 HTML 是文档的一部分;用于对 HTML 进行后期渲染操作。SAPUI5 控件在呈现后会获得此挂钩。
- onBeforeRendering():每次渲染视图时调用,在调用渲染器并将 HTML 放置在 DOM 树中之前。
对于没有视图的控制器,不会调用生命周期挂钩。
Methods控制器元数据中的部分
默认情况下,所有不以下划线或前缀“on”、“init”或“exit”开头的方法都是公共的。可以使用 API 获取控制器的所有公共方法。