SAP OPEN UI5 Step3 Controls

转载请联系vx：xiaoshitou5854

引入Control,sap/m/Text就是UI5里的Controller，初始化Text对象，设置text属性为Hello World，并替换index.html里的id为content的DOM节点。

webapp/index.js

sap.ui.define([
	"sap/m/Text"

], function (Text) {
	"use strict";

	new Text({
		text: "Hello World"
	}).placeAt("content");

});

在init event的回调里，会调用上面的代码，把html里ID为content的DOM的内容替换掉。
"sap/m/Text"的意思是，include sap.m.Text对象，没有这行的话，浏览器无法解析Text对象
webapp/index.html：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>SAPUI5 Walkthrough</title>
	<script
		id="sap-ui-bootstrap"
		src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"
		data-sap-ui-theme="sap_belize"
		data-sap-ui-libs="sap.m"
		data-sap-ui-compatVersion="edge"
		data-sap-ui-async="true"
		data-sap-ui-onInit="module:sap/ui/demo/walkthrough/index"
		data-sap-ui-resourceroots='{
			"sap.ui.demo.walkthrough": "./"
		}'>
	</script>
</head>
<body class="sapUiBody" id="content">
</body>

</html>

qq互助群：

posted @ 2021-06-20 22:43  小石王  阅读(1651)  评论(0)  编辑  收藏  举报