asp.net-mvc - 使用 MVC 在数据表末尾添加自动行

Question

一旦用户在当前数据表的最后一个单元格中点击输入，我需要在数据表的末尾添加一个自动行。我是 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