c# MVC 将用户控件的多个实例添加到单个视图页面

Question

我能做什么： 我的目标是创建一个视图，其中由文本框和表格组成的用户控件根据需要添加到页面中。用户将在文本框中键入 SQL 查询，表将用于呈现结果。

我需要做什么： 我需要根据用户的请求将多个此类控件添加到页面。他们将按步骤编号。

例如：
步骤1 = sql查询得到参数列表； 步骤2=使用第一个参数返回某个值的sql查询； 步骤 3 = sql 查询，返回值的累积总和，该值将与步骤 2 中的值进行比较。

每次单击“添加”按钮时，一个新的用户控件就会出现在前一个用户控件的下方，我可以在其中创建 SQL 查询并生成我的回答。

我可以进行比较并查询数据库。没问题，我只是不确定如何在 MVC 中重用控件。

任何建议都会有帮助， 谢谢， 乔治

Answer 1

你想做的事情既有趣又复杂。我相信您已经掌握了解决方案的逻辑，因此我将重点讨论您提出的简单问题：“[如何]将用户控件的多个实例添加到单个视图页面？”

当然，有几种方法可以做到这一点。您可以使用 javascript 克隆
模板 html 代码块，我可能会这样做，这样我就没有回发。但是，您没有提到 javascript，因此您应该简单地将对 RenderPartial 的调用包装在 foreach 循环中，并为循环提供增量值或列表。

View.aspx：

<% 
//loop over sqlQueries in list, rendering a 
//  partial for each and passing the query into the partial.
foreach(var item in Model.listOfSqlQueries)
    Html.RenderPartial("sqlBox", item);
%>     

然后，在视图中有一个按钮，用于发布到 ViewResult 并返回相同的列表和一项。

控制器.cs：

public ViewResult AddQueryBox(ViewModel viewModel) 
{
    //Add blank sql query to list
    viewModel.listOfSqlQueries.Add(new SqlQuery());

    //return calling view with newly updated viewmodel
    return View("View", viewModel);
}