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

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

вот изображение дизайна


person farah el agha    schedule 20.11.2017    source источник


Ответы (2)



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

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

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

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

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

person Anton Grekhovodov    schedule 20.11.2017
comment
не могли бы вы привести пример кода javascript? - person farah el agha; 20.11.2017

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

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

См. перекрестную публикацию здесь.

person Brenden Kehren    schedule 20.11.2017