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

Question

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

here's a picture of the design

Answer 1

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

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

第二个中继器项目模板：

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

并且当用户滑动到某个项目时，您可以使用 javascript 通过查找具有特定 CSS class.

的元素来更改文本

Answer 2

我们在很多项目中使用 Owl 轮播，并且有类似的分页设置。在你的情况下，我认为项目的标题和日期将是寻呼机，"selected index" 将是实际项目。

有了这个，您可以利用 <%# DataItemIndex %> 在每个元素上设置数据属性，让 owl 轮播分页完成 "selecting" 的其余工作并显示所选项目。

见交叉 post here。