关于c#:使用编辑器模板显示多个表单

Using Editor Templates to Display Multiple Forms

我的问题与这个问题非常相似。我正在开发的应用程序是用 MVC 3 和 Razor 编写的。它允许其用户从商店中选择商品并将每件商品发送到不同的地址。

这是我的 ViewModel：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

public class DeliveryDetailsViewModel
{
public FromDetailsViewModel From { get; set; }
public IList<ToDetailsViewModel> To { get; set; }
}

public class DetailsViewModel
{
public string FirstName { get; set; }
public string LastName { get; set; }
public string Email { get; set; }
}

public class FromDetailsViewModel : DetailsViewModel
{
public string StreetAddress { get; set; }
public string Suburb { get; set; }
public string Postcode { get; set; }
}

public class ToDetailsViewModel : DetailsViewModel
{
public string Message { get; set; }
}

我的观点与下面类似。

1
2
3
4
5

@model Store.ViewModels.DeliveryDetailsViewModel

@Html.EditorFor(m => m.From)

@Html.EditorFor(m => m.To)

我的意图是显示一组表单(购物车中的每个项目一个)，以使用户能够输入不同的交货详细信息。每个表单都有自己的提交按钮。

呈现"To"表单的编辑器模板如下：

1
2
3
4
5
6
7
8
9
10
11

@model Store.ViewModels.ToDetailsViewModel

@using (Html.BeginForm("ConfirmTo","Delivery"))
{
@Html.TextBoxFor(m => m.FirstName)
@Html.TextBoxFor(m => m.LastName)
@Html.TextBoxFor(m => m.Email)
@Html.TextBoxFor(m => m.Message)

<input type="submit" value="Confirm" />
}

我的控制器：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

public class DeliveryController : Controller
{
public ActionResult Index()
{
var model = new DeliveryDetailsViewModel();
model.From = new FromDetailsViewModel();
model.To = new List<ToDetailsViewModel>();
return View(model);
}

public ActionResult ConfirmTo(ToDetailsViewModel toDetails)
{
// Save to database.
}
}

我有几个问题：

"to"编辑器模板没有渲染任何东西(尽管它曾经如此)。它指出模型类型不匹配(即 ToDetailsViewModel 与 List<ToDetailsViewModel> 不同)，尽管我认为编辑器模板应该将索引附加到输入字段名称以启用正确的绑定。

当点击确认并提交 To 列表中的第一个表单时，控制器接收到具有正确绑定的视图模型。提交以下任何表单(索引为 1 或更大)调用 ConfirmTo 操作并传递一个为空的 ToDetailsViewModel。

我们将不胜感激，如果您想了解有关我遇到的问题或我正在使用的代码的更多信息，请随时询问。

1) The"to" editor template isn't rendering anything

在您的控制器操作中，您没有在列表中添加任何内容。你只是实例化了它。所以放一些元素：

1
2
3
4

model.To = new List<ToDetailsViewModel>();
model.To.Add(new ToDetailsViewModel());
model.To.Add(new ToDetailsViewModel());
...

2) When clicking Confirm and submitting the first form in the To list the controller receives the view model with the correct bindings. Submitting any of the following forms (with index 1 or greater) calls the ConfirmTo action and passes a ToDetailsViewModel which is null.

如果这对第一个元素也有效，我会感到惊讶，因为输入字段当前没有正确的名称。它们都以 To[someIndex] 为前缀，而您的 ConfirmTo 需要一个平面模型，而不是一个集合。

所以您可以将前缀设置为空字符串，以便在您的 ~/Views/Shared/EditorTemplates/ToDetailsViewModel.cshtml 编辑器模板中生成正确的输入元素：

1
2
3
4
5
6
7
8
9
10
11
12
13

@model ToDetailsViewModel
@{
ViewData.TemplateInfo.HtmlFieldPrefix ="";
}
@using (Html.BeginForm("ConfirmTo","Home"))
{
@Html.TextBoxFor(m => m.FirstName)
@Html.TextBoxFor(m => m.LastName)
@Html.TextBoxFor(m => m.Email)
@Html.TextBoxFor(m => m.Message)

<input type="submit" value="Confirm" />
}