Tapestry5スクロール可能なページ区切り

Question

私はページングされた検索結果を示すページを持つコンポーネントを持っています（）。代わりに私はスクロール可能なページネーションを探しています（次をクリックする必要はありません）。私は数時間のためにgoogled、私は実際にJquery/Javascriptの専門家ではない。私の目標を達成するために正しい方向に向けることができます。

Answer 1

mixinはZoneUpdaterです。これはjavascriptイベントに登録し、トリガーされたときにタペストリーゾーンを更新することができます。

（これは非常に頻繁に呼び出されるため）スクロールイベントにフックすることはお勧めしません。ただし、いずれの場合でも上の任意の要素に付加することができますし、お好きな時にだけイベントをトリガ：

$('foo').simulate('click'); 

かzoneupdaterに特定の接頭辞を与える、との

<t:any id="mytrigger" t:id="mytrigger" t:mixin="zoneupdater" t:prefix="mytrigger"> 

mytriggersZoneUpdater.updateZone.bindAsEventListener(mytriggersZoneUpdater); 

を使用して直接呼び出しますあなたも、これは間違いなく最初のタペストリーとの統合、その後、それを行うためにJavaScriptを見つけ、タイプのもの「独自のロール」になります

Event.observe(window, 'load', function() { 
    Event.observe(window, 'scroll', function(evt){ 
     // what the y position of the scroll is 
     var yPos = document.viewport.getScrollOffsets().top; 

     var referenceItem = $('myScrollTriggerReferenceItem').cumulativeOffset().top; 
     if(yPos > referenceItem){ 
     /* the scroll point is below a predefined element, so let's trigger the update */ 
      //$('mytrigger').simulate('click'); 
      // OR 
      //mytriggersZoneUpdater.updateZone.bindAsEventListener(mytriggersZoneUpdater); 
     } 
    }); 
}