repeater - 2 个基本中继器，它们通信相同的 DataItemIndex

Question

我有 2 个基本中继器的相同数据源，在第一个中继器中，我拥有数据源的项目，仅显示项目的标题和日期，每当用户滑动到某个项目时，我都希望文本字段此项将显示在第二个中继器中。如何知道第一个中继器的选定项目索引并在第二个中继器中访问它？

score 1 · Accepted Answer

在 Kentico 中，您可以使用<%# DataItemIndex %>来呈现当前项目索引。因此，在您的转发器模板中，您可以为您的项目呈现特定的类。
例如，第一个中继器项目模板：

<div class='slide-top-item slide-<%# DataItemIndex %>'>...</div>

第二个中继器项目模板：

<div class='slide-content-item slide-<%# DataItemIndex %>'>...</div>

当用户滑动到某个项目时，您可以使用 javascript 通过查找具有特定 CSS 类的元素来更改文本。

score 0 · Accepted Answer

我们在很多项目中使用 Owl 轮播，并且有类似的分页设置。在您的情况下，我认为项目的标题和日期将是寻呼机，而“选定索引”将是实际项目。

有了这个，您可以利用为<%# DataItemIndex %>每个元素设置数据属性，并让 owl carousel 分页完成“选择”和显示所选项目的其余工作。

请参阅此处的交叉帖子。

2 回答 2