xpages - 行を自動的にデータ ビューに追加する

Question

データ ビュー コントロールと Pager Add Rows コントロールを使用して、ユーザーがデータ ビューに行を追加できるようにしています。

Pager Add Rows コントロールを拡張して、ユーザーが画面の一番下に到達したときに自動的にデータ ビューに行を追加できますか?

Answer 1

はい、jqueryで簡単にできます。道場をマスターすれば、おそらく同様の方法で行うことができます。しかし、この例はjQueryを示しています。

1. xpage に jQuery を追加する
2. 新しいカスタム スクリプト ライブラリを xpage に追加する
3. 以下のコードをカスタム スクリプト ライブラリに配置します
4. xpages に addPageRows コントロールを追加し、repeat に接続します。
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をクリックしていることを確認してください。