如何在asp.net mvc中动态添加/删除行？

Question

我希望有一个＆＃34;添加行＆＃34;我的asp.net mvc View中的功能。 我可以做的一种方法是 n 隐藏行，每次取消隐藏一行＆＃34;添加行＆＃34;点击。但是当删除一行时，我将如何处理序列号（每行都有一个序列号）。 我不想用JS做这件事。什么是最好的方法。我应该从代码背后做到吗？有什么建议吗？

Answer 1

我不知道为什么你不想用javascript和客户端的所有东西来做。对用户来说这将是一次更好的体验，而且会更快。

但是，由于您明确表示要在后面的代码中执行此操作，请执行此操作。创建一个局部视图，并将新行所需的html放入其中。然后你需要打电话给你的控制器从客户端向你提供这个HTML。你可以使用AJAX来做到这一点。以下是jQuery的使用方法：

$.ajax({
    type: "GET",
    url: "/Home/GetSomePartialView/",
    data: someArguments,
    success: function (viewHTML) { 
    $("#someDiv").html(viewHTML); 
 },
    error: function (errorData) { onError(errorData); }
});

上面将获取html并将其注入ID为someDiv的元素中。

您需要在控制器中执行操作才能提供html。这是一些代码：

public Action result GetSomePartialView(SomeArgumentModel someArguments)
{

    return PartialView("_NewRow");
}

Answer 2

使用为您调用delete SQL的Ajax调用web方法，并使用JS中的新结果重新绑定网格。