asp.net-mvc - MVCを使用してデータテーブルの最後に自動行を追加する

Question

ユーザーが現在のデータテーブルの最後のセルでEnterキーを押したら、データテーブルの最後に自動行を追加する必要があります。私はMVCを初めて使用しますが、MVCプラットフォームを使用してMVCを実行する方法についてはよくわかりません。

Answer 1

javascript または jquery を使用して実行できます。

function addRow(tableID) {

            var table = document.getElementById(tableID);

            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);

            var cell1 = row.insertCell(0);
            var element1 = document.createElement("input");
            element1.type = "checkbox";
            cell1.appendChild(element1);

            var cell2 = row.insertCell(1);
            cell2.innerHTML = rowCount + 1;

            var cell3 = row.insertCell(2);
            var element2 = document.createElement("input");
            element2.type = "text";
            cell3.appendChild(element2);

        }

新しい行を作成するたびに、最後のセルのクリックイベントにこの関数を添付します。デモについては、次のリンクにアクセスできます

http://viralpatel.net/blogs/2009/03/dynamically-add-remove-rows-in-html-table-using-javascript.html