pagination - Tapestry5 可滚动分页

Question

我在显示分页搜索结果的页面中有一个组件（）。相反，我正在寻找可滚动的分页（无需单击下一步>）。我已经用谷歌搜索了几个小时，我并不是真正的 Jquery/Javascript 专家。有人能指出我实现目标的正确方向吗？

Answer 1

有一个ZoneUpdater mixin，它可以注册到任何 javascript 事件并在它被触发时更新一个挂毯区域。

我不建议将它与滚动事件挂钩（因为这个事件经常被调用）。但是，您可以将其附加到 ANY 事件的 ANY 元素中，并在需要时触发该事件：

$('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);
        }
    });
}