使用MVC在数据表的末尾添加自动行

时间:2012-05-20 21:02:05

标签: asp.net-mvc datatable

一旦用户在当前数据表的最后一个单元格中输入,我需要在数据表的末尾添加一个自动行。我是MVC的新手,并且不太了解我们如何使用MVC平台来实现它。

1 个答案:

答案 0 :(得分:0)

你可以通过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