jsp - jsp テーブルでの行の動的作成

Question

私はjspが初めてです。jspページでは、2列が選択された値である6列のテーブルを表示しています。値は Spring MVC コントローラーから取得されます。選択価格に基づいて、割引は AJAX 呼び出しによって行われます。私の要件は、 [追加購入] リンクを提供することです。そのリンクをクリックすると、1 つの行に 6 つの列が含まれ、値と価格の計算を選択する同じプロセスが実行されます。 [行の削除] ボタンは、選択した行を削除する必要があります。

助けてください。よろしくお願いします

Answer 1

Javascript/Jquery でも同じことができます。サンプル コードを以下に示します。

function addRow()
            {
                var n=$("#elementCount").val();
                var i=$('#rowid'+(n-1));
                i.clone(true).attr('id','rowid'+(n)).insertAfter(i);
                var p="#txtname"+(n-1);
                var no="txtname"+(n);
                $('#rowid'+(n)).find('.c').attr('id',no);
                $('#rowid'+(n)).find('.c').attr('name',no);
                $('#rowid'+(n)).find('.c').attr('value','');

                $('#rowid'+(n)).find('.b').attr('id',"txtprc"+(n));
                $('#rowid'+(n)).find('.b').attr('name',"txtprc"+(n));
                $('#rowid'+(n)).find('.b').attr('value','');

                n++;

                $("#elementCount").val(n);
            }

ここで、elementcount は、value=行数を含む非表示フィールドの ID です。関数 i は行を複製し、現在の行の後に挿入します。すべての行には、rowid1、rowid2 などのように ID が増加します。