HTML5开发移动web应用——SAP UI5篇(8)
2016-02-18 17:45
507 查看
本次对之前学习的SAP UI5框架知识进行简单小结,以及重点部分知识的梳理。
1、在UI5使用过程中,命名空间的概念很重要。
2、一般的sap组件引用格式如下:
define后每引用sap的一个组件,后面的function就要传入一个对应的参数。
3、以下是component使用的基本框架:
Component的构建流程如上,extend UIComponent这个框架,里面init为初始化函数,里面可以设定其他属性(包括配置模型等),如下:
4、注意manifest文件在一个应用中的重要性,manifest.json是app的配置文件。
1、在UI5使用过程中,命名空间的概念很重要。
2、一般的sap组件引用格式如下:
sap.ui.define([ "sap/ui/core/UIComponent", "sap/ui/model/json/JSONModel", "sap/ui/model/resource/ResourceModel"], function (UIComponent, JSONModel, ResourceModel)
define后每引用sap的一个组件,后面的function就要传入一个对应的参数。
3、以下是component使用的基本框架:
sap.ui.define([ "sap/ui/core/UIComponent"], function (UIComponent) { "use strict"; return UIComponent.extend("", { init : function () { // call the init function of the parent UIComponent.prototype.init.apply(this, arguments); } });});
Component的构建流程如上,extend UIComponent这个框架,里面init为初始化函数,里面可以设定其他属性(包括配置模型等),如下:
sap.ui.define([ "sap/ui/core/UIComponent", "sap/ui/model/json/JSONModel", "sap/ui/model/resource/ResourceModel"], function (UIComponent, JSONModel, ResourceModel){
"use strict";
return UIComponent.extend("sap.ui.demo.wt.Component", {
metadata : {
rootView: "sap.ui.demo.wt.view.App"
},
init : function () {
// call the init function of the parent
UIComponent.prototype.init.apply(this, arguments);
// set data model
var oData = {
recipient : {
name : "World"
}
};
var oModel = new JSONModel(oData);
this.setModel(oModel);
// set i18n model
var i18nModel = new ResourceModel({
bundleName : "sap.ui.demo.wt.i18n.i18n"
});
this.setModel(i18nModel, "i18n");
}
});});
4、注意manifest文件在一个应用中的重要性,manifest.json是app的配置文件。
相关文章推荐
- HTML5 中的meter 标签的样式设置
- html5 canvas 画hello ketty
- web学习之路—H5(四)
- 《超实用的HTML代码段》阅读笔记1——HTML5自动聚焦
- 移动H5页面技术总结
- html5中使用canvas画时钟
- 传奇创世h5开发定制案例--《名师天团喊你来上课》
- web学习之路—H5(三)
- 浅谈基于HTML5的在线视频播放方案
- html5plus官方网址
- 支持H5的一般设置
- 简单整理HTML5的基本特性和语法
- 全面解析HTML5中的标准属性与自定义属性
- HTML5:基本使用
- html5语义化标签使用规范
- html5视音频标签参考.md
- html5 拖拽练习题
- html5 progress标签样式(各浏览器兼容)
- 利用html5 Api 实现分页
- HTML5新标签