pagination - Tapestry5 スクロール可能なページネーション

Question

ページ分割された検索結果を表示するページにコンポーネントがあります ()。代わりに、スクロール可能なページネーションを探しています ([次へ>] をクリックする必要がなくなります)。私は数時間グーグルで検索しましたが、Jquery/Javascript の専門家ではありません。私の目標を達成するために誰かが私を正しい方向に向けることができますか.

Answer 1

任意の JavaScript イベントに登録し、トリガーされたときにタペストリー ゾーンを更新できるZoneUpdater mixinがあります。

これを scroll イベントにフックすることはお勧めしません (これは非常に頻繁に呼び出されるためです)。ただし、任意のイベントの任意の要素に追加して、必要なときにイベントをトリガーすることができます。

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

または、zoneupdater に特定のプレフィックスを指定し、次を使用して直接呼び出します。

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

mytriggersZoneUpdater.updateZone.bindAsEventListener(mytriggersZoneUpdater);

スクロールをオンにするために、プロトタイプ スクリプトを使用することもできます

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);
        }
    });
}