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

Question

我想在我的 asp.net mvc 视图中有一个“添加行”功能。我可以做到的一种方法是每次单击“添加行”时隐藏n行并取消隐藏一行。但是，当删除一行时，我将如何处理序列号（每行都有一个序列号）。我不想用 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

使用 Ajax 调用 Web 方法，该方法会为您调用删除 SQL，并使用 JS 中的新结果重新绑定网格。