我正在尝试让 unified split containers 工作的最小示例，但以下屏幕截图很好地描述了我的问题:
如您所见，按钮已呈现，但由于某种原因不可见。你能帮我找出原因吗？
这是我的 index.html 文件:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="UTF-8">
<title>App 0001</title>
<script
id="sap-ui-bootstrap"
src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"
data-sap-ui-theme="sap_bluecrystal"
data-sap-ui-libs="sap.m, sap.ui.commons, sap.ui.core, sap.ui.table"
data-sap-ui-resourceroots='{ "x4": "/example4/x4" }' >
</script>
<script>
//var myView = sap.ui.jsview("x4")
var myView = sap.ui.xmlview("x4")
myView.placeAt('content');
</script>
</head>
<body class="sapUiBody">
<div id="content"></div>
</body>
</html>
这是根据 openui5 上的 show code page 探索的 View (
x4.view.xml )<mvc:View
controllerName="x4"
xmlns:u="sap.ui.unified"
xmlns:mvc="sap.ui.core.mvc"
xmlns="sap.m"
class="fullHeight">
<u:SplitContainer
id="mySplitContainer"
showSecondaryContent="true">
<u:secondaryContent>
<Text text="Hello World!" />
</u:secondaryContent>
<u:content>
<Button text="Toggle Secondary Content" />
<Button text="Switch SplitContainer Orientation" />
</u:content>
</u:SplitContainer>
</mvc:View>
这是(最小的)
x4.controller.jssap.ui.controller("x4", {});
Firebug 错误控制台看起来很干净，而且这个错误似乎与浏览器无关，因为我们观察到与 IE 相同的行为。
最佳答案
不要将 View 直接添加到 div 中。将其包裹在 App 中。
<script>
var oApp = new sap.m.App();
var myView = sap.ui.xmlview("x4")
oApp.addPage(myView);
oApp.placeAt('content');
</script>
关于javascript - OpenUI5 控件不可见，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26732823/