我正在使用
data-sap-ui-onInit="module:my/custom/bootstrap"sap.ui.require(['sap/ui/core/ComponentSupport']有没有办法在组件加载到引导程序实现中后立即获取回调？我想在初始化后获得对组件对象的引用。
在不接触
Component.jsindex.htmldata-sap-ui-oninitmyBootstrap.js ComponentContainer 的事件，例如 componentCreatedcomponentFailedindex.html<head ...>
<!-- ... -->
<script id="sap-ui-bootstrap"
src="<...>resources/sap-ui-core.js"
data-sap-ui-async="true"
data-sap-ui-resourceRoots='{ "my.demo": "./" }'
data-sap-ui-oninit="module:my/demo/myBootstrap"
data-sap-ui-...="..."
></script>
</head>
<body id="content" class="sapUiBody">
<!-- Only in UI5 1.x as registering a global event handler in HTML
like below is deprecated since UI5 1.120 and removed in UI5 2.x -->
<div data-sap-ui-component
data-id="myRootComponentContainer"
data-name="my.demo"
data-component-created="onMyComponentCreated"
data-height="100%"
data-settings='{ "id": "myRootComponent" }'
data-...="..."
></div>
</body>myBootstrap.js// ...
globalThis.onMyComponentCreated = function(event) {
const myCreatedComponent = event.getParameter("component");
// ...
};
// === Only in UI5 1.x ===
sap.ui.require(["sap/ui/core/ComponentSupport"]);
// =======================
// === Only in UI5 2.x ===
sap.ui.require([
"sap/ui/core/ComponentContainer",
], ComponentContainer => new ComponentContainer({
id: "myRootComponentContainer",
name: "my.demo",
componentCreated: globalThis.onMyComponentCreated, // or an anonymous function
height: "100%",
settings: { id: "myRootComponent" },
// Settings that sap/ui/core/ComponentSupport applies by default:
lifecycle: "Container", // enum sap.ui.core.ComponentLifecycle
autoPrefixId: true,
manifest: true,
}).placeAt("content"));
// =======================
这里，处理程序名称“
onMyComponentCreatedComponentContainer关于
data-component-created由于 HTML 不区分大小写，为了定义具有大写字符的属性，您必须 使用破折号字符“转义”它们。 （来自 API 参考：
）sap/ui/core/ComponentSupport
有关更多信息，请查看文档主题 “初始组件的声明式 API”。