如何在同一页面（列表/创建）MVC3 中使用@model IEnumerable<> 和@model <>

Question

假设我有一个“位置”类，我正在使用 MVC3 创建一个脚手架列表 (index.cshtml)。 index html 页面使用@model IEnumerable。如果我想在列表中添加一个新位置，我按创建，最后我会使用@model Project.Models.Location 得到一个新的 html 页面。

我不想进入新页面，而是希望使用 boostrap(twitter) 中的模式将创建页面作为弹出窗口。我试过使用 partialview 没有任何运气。无论我做什么，我都会收到字典错误消息。

传入字典的模型项的类型为“System.Data.Entity.Infrastructure.DbQuery`1[Project.Models.Location]”，但此字典需要“Project.Models.Location”类型的模型项.

当我不获取局部视图时，模态（引导）本身正在工作。部分视图本身与生成的 create(CRUD) 完全相同。

编辑：我重写了整件事。

索引：

@model IEnumerable<LoLStats.Models.Location>

@{
    ViewBag.Title = "Index";
}
@foreach (var item in Model) {
    <ul>
        <li>@Html.DisplayFor(modelItem => item.LocationName)</li>
    </ul>
}

<a class="btn" data-toggle="modal" href="#myModal" >Create</a>

<div class="modal hide" id="myModal">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">×</button>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>@Html.Partial("_createLocation")</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>

_createLocation：

@model LoLStats.Models.Location

@{ ViewBag.Title = "创建"; }

@using (Html.BeginForm()) { @Html.ValidationSummary(true) 位置

    <div class="editor-label">
        @Html.LabelFor(model => model.LocationName)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.LocationName)
        @Html.ValidationMessageFor(model => model.LocationName)
    </div>
    <p>
        <input type="submit" value="Create" />
    </p>
</fieldset> }

Answer 1

您可以创建一个具有两个属性的视图模型：

• 父视图的 IEnumerable
• 模态的奇异对象

然后在视图模型中强烈键入两个视图，您应该已经准备好了。

编辑

视图模型：

public class MyViewModel()
{
  public IEnumerable<LoLStats.Models.Location> Locations {get; set;}
  public LoLStats.Models.Location Location {get; set;}
}

索引：

@model myNamespace.MyViewModel
...
@foreach (var item in Model.Locations) {
    <ul>
        <li>@Html.DisplayFor(modelItem => item.Locations.LocationName)</li>
    </ul>
...

_createLocation：

@model myNamespace.MyViewModel
...
<div class="editor-label">
        @Html.LabelFor(model => model.Location.LocationName)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.Location.LocationName)
        @Html.ValidationMessageFor(model => model.Location.LocationName)
    </div>
...

希望这些细节足以让您继续前进

Answer 2

在索引视图中试试这个：

   ... <p>@Html.Partial("_createLocation", Model.FirstOrDefault())</p>

另一方面，也许这会更有意义：

   ... <p>@Html.Partial("_createLocation", new LoLStats.Models.Location())</p>

希望它对你有用。

Answer 3

您的弹出窗口需要定义为Project.Models.Car（单项）的模型。成功保存单个项目后，您需要更新原始列表视图。您可以使用 jQuery 通过将新项目插入 DOM 或通过导航到为您提供开始列表的操作来刷新页面来执行此操作。