2 базовых повторителя, которые связывают один и тот же DataItemIndex

Question

У меня есть один и тот же источник данных для 2 основных повторителей, и в первом у меня есть повторитель над элементами источника данных, показывающий только заголовок и дату элементов, которые я хочу всякий раз, когда пользователь перемещается к определенному элементу, текстовому полю этого предмета будет показан во втором повторителе. как узнать индекс выбранного элемента первого повторителя и получить к нему доступ во втором повторителе?

вот картина дизайна

Answer 1

В Kentico вы можете использовать <%# DataItemIndex %> сделать текущий индекс предмета. Таким образом, в вашем шаблоне повторителя вы можете отображать определенные классы для ваших предметов.
Например, шаблон элемента 1-го повторителя:

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

Шаблон элемента второго повторителя:

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

И когда пользователь перемещается к определенному элементу, вы можете изменить текст с помощью JavaScript, найдя элемент с определенным классом CSS.

Answer 2

Мы используем карусель Owl во многих проектах и ​​имеем аналогичную настройку для пейджинга. В вашем случае, я думаю, что заголовок и дата элементов будут пейджером, а "выбранный индекс" будет фактическими элементами.

С этим вы можете воспользоваться <%# DataItemIndex %> установить атрибут данных для каждого элемента и позволить пейджингу совы карусели выполнять всю остальную работу по "выбору" и отображению выбранного элемента.

Смотрите кросс-пост здесь.