aem - 加载对话框内容后可以使用的事件监听器是什么？

Question

我正在尝试使用 $document.on("dialog-ready", function() { .. }用于触摸 UI 对话框自定义。我在哪里可以看到 对话就绪 事件在对话框内容完全加载之前触发，这使我无法获得用于遍历对话框 html 的标签。

是否有任何事件监听器可用于在我之后触发调用
对话框已满载所有小部件及其值。？

是否有任何文档链接可以找到这些事件
除了 Adobe Experience Manager Help | Using EventHandlers in Adobe Experience Manager Touch UI Components 之外的听众.?

另外AEM加载的顺序是什么$document.on("dialog-ready", function() { .. }与 $(document).on("foundation-contentloaded", function (e) { .. } 相比时.

?

Answer 1

打开对话框时会触发对话框就绪。不一定在填充所有值之后。
将新字段注入(inject)对话框时会触发 Foundation contentloaded。更具体地说，根据文档，“应该在注入(inject)容器时触发它”。
所以使用 foundation-contentloaded在处理多字段时是理想的，因为新字段会在很晚之后添加。另外，dialog-ready不会在页面创建向导中触发。我们必须在这里使用foundation-contentloaded。
两者都不能保证所有内容都会被填充，以便我们开始在 JavaScript 中使用它们的值。特别是当我们的对话框中有 RTE/multifields 时。
要回答你的问题，
没有可用于指示对话框已完全加载的事件监听器。
我注意到 foundation-contentloaded火灾前 dialog-readyCoral.commons.ready确保初始化。在处理多字段和 RTE 时特别有用。

Coral.commons.ready(this, () => {
/*
logic to run once coral element 'this' is pointing to is initialized (initialize or _render methods are invoked)
*/
});

更多信息 foundation-contentloaded和 Coral.commons.ready