在另一个强类型局部视图中呈现一个强类型局部视图 - 不正确的模型被传递到子视图

Question

我有一个强类型的部分视图，它在_Layout.cshtml中呈现，以便包含在每个页面中。在该部分视图内，我尝试呈现另一个部分视图。我创建了一个视图模型（ShoutboxView），用作父视图的模型。当我尝试在其中呈现子部分视图（_ShoutList）时，我会收到一个错误，指出我传递的模型类型不正确：

引用： 字典中传递的模型项的类型为“MvcForumTest.ViewModels.ShoutboxView”，但此字典需要类型为“System.Collections.Generic.IEnumerable`1[MvcForumTest.Models.Shout]”的模型项。

请参见下面的代码：

模型（Shout.cs）：

namespace MvcForumTest.Models
{
    public class Shout
    {
        public int Id { get; set; }
        public string Author { get; set; }
        public string Message { get; set; }
        public DateTime EntryDate { get; set; }

        public Shout()
        {
            Id = 1;
            Author = "TestUser";
            EntryDate = DateTime.Now;
        }
    }
}

视图模型（ShoutboxView.cs）

namespace MvcForumTest.ViewModels
{
    public class ShoutboxView
    {
        public Shout newShout { get; set; }
        public IEnumerable<Shout> Shouts { get; set; }
    }
}

控制器（ShoutController.cs）：

namespace MvcForumTest.Controllers
{
    public class ShoutController : Controller
    {
        private ForumsContext db = new ForumsContext();

        public ActionResult Index()
        {
            ShoutboxView shoutboxView = new ShoutboxView
            {
                newShout = new Shout(),
                Shouts = (from s in db.Shouts
                          orderby s.EntryDate descending
                          select s).Take(20)
            };
            return PartialView(shoutboxView);
        }

        [HttpPost]
        public ActionResult AddShout(ShoutboxView shoutbox)
        {
            Shout shout = new Shout();
            shout.Message = shoutbox.newShout.Message;

            if (ModelState.IsValid)
            {
                db.Shouts.Add(shout);
                db.SaveChanges();
                return PartialView("Index", shoutbox);
            }

            //return PartialView("_ShoutList", db.Shouts);
            return PartialView("Index", shoutbox);
        }
    }
}

索引部分视图（Index.cshtml）。这是我遇到错误的地方。在“@Html.Partial("_ShoutList", Model.Shouts)”行：

@model MvcForumTest.ViewModels.ShoutboxView

@using (Ajax.BeginForm("AddShout", "Shout", new AjaxOptions { UpdateTargetId = "shoutboxWrapper", InsertionMode = InsertionMode.Replace}))
{
    @Html.EditorFor(model => model.newShout.Message)
    <input type="submit" value="Submit" />
}

<div id="shoutboxWrapper">
    @Html.Partial("_ShoutList", Model.Shouts)
</div>

呼叫部分视图（_Shoutlist.cshtml）：

@model IEnumerable<MvcForumTest.Models.Shout>

@foreach (var item in Model)
{
    <div class="shout">
        <table>
            <tr>
                <td class="shoutDelete">
                @Html.ActionLink("Delete", "Delete", new { id=item.Id })
                </td>
                <td class="shoutAuthor">
                    @Html.DisplayFor(model => item.Author)
                </td>
                <td class="shoutDate">
                    @Html.DisplayFor(model => item.EntryDate)
                </td>
            </tr>
            <tr>
                <td class="shoutMessage">
                    @Html.DisplayFor(model => item.Message)
                </td>
            </tr>
        </table>
    </div>
}

我该如何解决这个问题？我应该调用其他东西来呈现子部分视图，而不是使用@Html.Partial吗？还是说我应该以另一种方式传递子模型？

编辑：

_Layout.cshtml:

<div id="body">
     @RenderSection("featured", required: false)
     <section class="content-wrapper main-content clear-fix">
          @Html.Action("Index", "Shout")
          @RenderBody()
     </section>
</div>

- Soldat1988

Answer 1

我已经重新创建了您的项目，并在ShoutController中进行了以下更改：

var shouts = (from s in db.Shouts
                  orderby s.EntryDate descending
                  select s)
                  .Take(20)
                  .ToList();

shouts.Add(new Shout{Author = "T", EntryDate = DateTime.Now, Id = 1, Message = "some message"});
shouts.Add(new Shout { Author = "T2", EntryDate = DateTime.Now, Id = 2, Message = "some message2" });

var shoutboxView = new ShoutboxView
{
    newShout = new Shout(),
    Shouts = shouts
};

return PartialView(shoutboxView);

当访问~/Shout/Index时，它可以正常加载。您是在说_Layout.cshtml中有一个强类型的局部视图。Index是那个局部视图吗？如果是这样，使用_Layout.cshtml的完整视图是什么，那个动作方法是什么？那将是需要查看的代码。

- Hossein

---

我已经编辑了原始帖子，包括_Layout.cshtml中的内容。Index是正在加载到_Layout中的部分视图。这是我希望出现在使用_Layout.cshtml的所有视图上的内容。 - Soldat1988

我重新创建了布局，并添加了一个空的全视图，再次测试时，它对我来说很好用。在Index.cshtml中，如果我将@Html.Partial("_ShoutList", Model.Shouts)更改为@Html.Partial("_ShoutList", Model)，那么我会看到与您相同的错误。您确定正在呈现此“Index”视图而不是来自不同控制器的其他视图吗？ - Hossein

Answer 2

我认为你应该选择 Shouts AsEnumerable()。

            return PartialView("_ShoutList", db.Shouts.AsEnumerable());

- yavuz

---

如果我在AddShout中使用它，而不是返回PartialView("Index", shoutbox)，它会单独在自己的页面上返回"_ShoutList"部分视图。 - Soldat1988