当用户在WebGrid中单击“添加新行”时，如何添加新行？

Question

当用户点击“添加新行”时，我遇到了一个问题，需要使用MVC3 Razor在网格底部添加一行。我已经通过显示模态弹出对话框并在数据库添加中添加记录来完成此要求启用分页时，最后一个新记录。但客户端需要在表格底部添加一行，并在输入字段中输入数据并保存。

我们可以在网格中启用分页时执行此操作吗？我们是否有任何内置属性来添加行？

Answer 1

我在一篇文章中发现我们无法在WebGrid中创建一个Row。所以我已经使用了像这样的jQuery

$('#btnCreateUser').click(function () {
            var newRow = "<tr> <td></td> <td><input type='text' id='tbNameDyn'/></td> <td> <input type='text' id='tbAgeDyn'/></td> <td><input type='checkbox' id='tbResultDyn'/></td><td><input type='submit' name='submitButton' value='Save Row' id='btnSaveRowDyn' onclick='DynButtonClick();'> </td></tr>";
            //  $('#webgrid > tbody:last').
            $('#webgrid tbody:last').append(newRow);
            $('#btnSaveRow').removeAttr('disabled');

        });