使用数据重复的AEM HTL循环 Accumsan 中间阿利夸姆

布朗迪特·努克，临时洛博蒂斯·努克。我是阿库姆桑。仅此而已，阿利奎特·马萨（Justo aliquet massa）是一名女性，她是一名女性。我是accumsan justo aliquet

• &抄袭；无标题。版权所有

我试图使用数据重复循环，并且我已经验证了colNum的值是2，但是循环仍然只运行了一次。换句话说，不管值是多少，它都不会循环通过。我还硬编码了值3，但它仍然不会多次运行循环。我不知道我做错了什么

---

提前感谢

数据重复

需要一个可编辑的对象。您可以为虚拟数组提供所需数量的元素，或者更好的是，为数组提供有用的东西，例如列名或数据。

数据重复

需要一个可重复的对象。您可以提供具有所需数量的元素的虚拟数组，或者更好的是，提供具有有用内容（如列名或数据）的数组。

显然，您只能使用sly repeat或sly-list对集合进行迭代。因此，在这里，您必须直接使用ColNum来创建一个简单的集合。

---

请参阅：

在sightly中，您只能使用sly repeat或sly-list对集合进行迭代。因此，在这里，您必须直接使用ColNum来创建一个简单的集合。

---

请参阅：

您似乎误解了如何使用

数据。你可以通过阅读得到澄清

两件事：

data sly repeat
重复标记的整个元素，而
data sly list
仅重复元素的内容。在您的情况下，
list
似乎更合适。。您可以消除当前正在展开的实际
div

而不是通过传递次数来重复你在列表中传递的HTML。为列表中的每个项目呈现html，使用
${item}
变量保存当前项目

因此，您必须编写一些Java的JS代码，以将您的
colNum
转换为这样大小的列表

例如，使用。（有关创建空iterable数组的方法，请参见）

并从HTL呼叫它。注意，我删除了无关的
div
，并使用
data-sly-list
在空元素的
n
长度数组上循环

"use strict";
use(function () {
    let n = properties.get("colNum", 0);
    return {
        columns: [...Array(100)] // empty, iterable, array of size n
    };
});


Accumsan






您似乎误解了如何使用
数据。你可以通过阅读得到澄清

两件事：

data sly repeat
重复标记的整个元素，而
data sly list
仅重复元素的内容。在您的情况下，
list
似乎更合适。。您可以消除当前正在展开的实际
div

而不是通过传递次数来重复你在列表中传递的HTML。为列表中的每个项目呈现html，使用
${item}
变量保存当前项目

因此，您必须编写一些Java的JS代码，以将您的
colNum
转换为这样大小的列表

例如，使用。（有关创建空iterable数组的方法，请参见）

并从HTL呼叫它。注意，我删除了无关的
div
，并使用
data-sly-list
在空元素的
n
长度数组上循环

"use strict";
use(function () {
    let n = properties.get("colNum", 0);
    return {
        columns: [...Array(100)] // empty, iterable, array of size n
    };
});


Accumsan







<div class="row collapse-at-2"
     data-sly-use.config="<JS-file-name>"
     data-sly-list="${config.columns}">
    <div class="6u">
        <h3>Accumsan</h3>
        <ul class="alt">
            <li><a href="#">Nascetur nunc varius</a></li>
            <li><a href="#">Vis faucibus sed tempor</a></li>
            <li><a href="#">Massa amet lobortis vel</a></li>
            <li><a href="#">Nascetur nunc varius</a></li>
        </ul>
    </div>
</div>