我有一个在 _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>