同じDataItemIndexを通信する2つの基本リピータ

Question

2つの基本リピータのデータソースは同じですが、最初のリピータではデータソースの項目が上書きされ、アイテムのタイトルと日付のみが表示されますユーザーが特定の項目にスライドすると、この項目のテキストフィールドが第2のリピーターに表示されます。最初のリピータの選択したアイテムインデックスを知り、それを2番目のリピータでどのように知ることができますか？ Kenticoで

here's a picture of the design

Answer 1

、あなたは現在の項目のインデックスをレンダリングするために<%# DataItemIndex %>を使用することができます。したがって、リピータテンプレートでは、アイテムの特定のクラスをレンダリングできます。
例えば、第一リピーター項目テンプレート：

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

第二リピーター項目テンプレート：

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

、ユーザーが特定の項目にスライドしたときに、あなたが持つ要素を見つけることによって、JavaScriptを使用してテキストを変更することができます特定のCSSクラス。

Answer 2

多くのプロジェクトでOwlカルーセルを使用し、ページングの設定も同様です。あなたの場合は、アイテムのタイトルと日付がページャーになり、「選択されたインデックス」が実際のアイテムになると思います。

この場合、<%# DataItemIndex %>を利用して、各要素にデータ属性を設定し、選択された項目を「選択」して表示するためにフローカルーセルページングに残りの作業をさせることができます。

クロスポストを参照hereを参照してください。