xpages - 自动将行添加到数据视图？

Question

我正在使用 Data View 控件和 Pager Add Rows 控件来允许用户向数据视图中添加更多行。

当用户到达屏幕底部时，我可以扩展 Pager Add Rows 控件以自动将行添加到数据视图吗？

Answer 1

是的，您可以使用 jquery 轻松做到这一点。如果您精通道场，您可能可以通过类似的方式进行操作。但是这个例子展示了 jQuery。

1. 将 jQuery 添加到您的 xpage
2. 将新的自定义脚本库添加到您的 xpage
3. 将以下代码放入您的自定义脚本库中
4. 将 addPageRows 控件添加到您的 xpage 并将其连接到重复。
5. 万事俱备，试一试。

$(function(){
  $(window).scroll(function(){
        if($(window).scrollTop() == $(document).height() - $(window).height()){
            $("[id$='pagerAddRows1_ar'],[id$='pagerAddRows2_ar']").click();
                  }
        });
})

jquery 代码将尝试查找 pagerAddRows1_ar 或 pagerAddRows2_ar，如果找到，将在您到达屏幕底部时自动单击链接。

您实际上可以将此代码与您的 xpage 上的任何类型的寻呼机或链接一起使用。只需确保您的代码单击正确的 ID。