HTL - 如何在另一个页面上显示一个页面,如popup / modal

时间:2017-02-09 12:46:24

标签: adobe aem sightly htl

我正在尝试使用现有页面(使用TouchUI的路径浏览器选择)作为我的HTL页面上的弹出/模态。是否有一种方法可以使用不同的文件添加/注入HTML? 它更多的是关于在页面上播放html而不是如何构建对话窗口。

2 个答案:

答案 0 :(得分:7)

您需要的是在页面中包含内容(而不是模板),最好使用data-sly-resource和页面路径(/ content / myapp / content / myPageIwantToDisplayAsModal)。这将在您的页面上呈现相关的html - 请记住,在AEM中,内容知道如何显示自己 - 如上所述,您只需要引用内容

也许你也可以利用选择器来显示整个html以及<head>部分和不需要的<body>标签

所以例如:

<div data-sly-resource="${'/content/myapp/content/myPageIwantToDisplayAsModal' @ selectors=['content']}"></div>

for referrence go https://docs.adobe.com/docs/en/htl/docs/block-statements.html

答案 1 :(得分:1)

一种方法是使用引用组件并注入引用页面的HTML。然后你可以使用JS / CSS魔术将它打包/样式化为弹出窗口。