SAPUI5 - Component

最新推荐文章于 2024-03-11 17:12:04 发布

qq_34811470

最新推荐文章于 2024-03-11 17:12:04 发布

阅读量940

点赞数

UI5的Component概念:

UI5有两种Component:

一种是faceless component (class: sap.ui.core.Component), 这种component没有用户界面，一般用于从后台系统获取数据。

另一种是UI component(class: sap.ui.core.UIComponent), 这些组件是用于屏幕展示的，一般对应一个屏幕区域或者元素，可以被重复利用。

这两种component的基准类都是sap.ui.core.Component，可以通过继承基准类或者另一个component来扩展当前component的功能,构造Component的时候，传入的名字为包名, 模块名（Module name）为包名+ .Component, 即通过jQuery.sap.declare或者在Component.js中extend方法中声明的名字.

例子:component.js文件如下

sap.ui.define([
"sap/ui/core/UIComponent",
"sap/ui/model/json/JSONModel",
"sap/ui/model/odata/v2/ODataModel",
"sap/ui/model/resource/ResourceModel"
], function (UIComponent, JSONModel,ODataModel,ResourceModel) {
"use strict";
return UIComponent.extend("sap.ui.demo.wt.Component", {
metadata : {
manifest: "json"
},
init : function () {
// call the init function of the parent
UIComponent.prototype.init.apply(this, arguments);
// set i18n model on view
var i18nModel = new ResourceModel({
bundleName: "sap.ui.demo.wt.i18n.i18n"
});
this.setModel(i18nModel, "i18n");
}
});
});