sap.ui.layout.HorizontalLayout is not a constructor

176 阅读1分钟

源代码:

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta charset="utf-8">
	<title>SAPUI5 Sandbox</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-preload="async">
	</script>
	<script>
		sap.ui.getCore().attachInit(function () {
			var oInput = new sap.m.Input({
				liveChange : function(oEvent) {
					console.log('live change event: ' + oEvent.getParameter('newValue'));
				}
		});
		var oHorizontalLayout = new sap.ui.layout.HorizontalLayout();
		oHorizontalLayout.addContent(oInput);
		oHorizontalLayout.placeAt("content");
		// var html = jQuery.ajax({url:"s5.xml",async:false});
		// console.log('response: ' + html.responseText);
		});
	</script>
</head>
<body class="sapUiBody" role="application">
	<div id="content"></div>
</body>
</html>

错误消息:

将sap.ui.layout添加到data-sap-ui.libs, 问题消失: