asp.net-mvc - 当用户单击 WebGrid 中的添加新行时，我们如何添加新行？

Question

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

当在 Web 网格中启用分页时我们可以这样做吗？我们是否有任何内置属性来添加行？

Answer 1

我在一篇文章中发现我们无法在 WebGrid 中创建行。所以我已经像这样使用 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');

        });