在索引页中显示部分视图
在索引页中显示部分视图
提问于 2015-02-19 09:52:06
我正在制作我的第一个.NET MVC 4应用程序，只是为了尝试一下。我已经做了一个应用程序wich连接到MongoDB，在那里你可以存储检索汽车数据。目前，这是两种不同的观点。但我希望它们成为两个不同的部分视图，我可以在一个视图中显示。为了做到这一点，我重新开始了我的申请。
我做了一个CarsController：
namespace MvcApplication1.Controllers
{
public class CarsController : Controller
{
public ActionResult Index()
{
return View();
}
[HttpGet]
public ActionResult Create()
{
return PartialView();
}
}
}我做了一个CarsModel
namespace MvcApplication1.Models
{
public class InsertCarViewModel
{
public string Make { get; set; }
public int NumberOfDoors { get; set; }
public decimal DailyRentalFee { get; set; }
public string DelimitedListOfCountries { get; set; }
}
}我为索引视图制作了文件夹Cars，并为部分视图(_Create.cshtml)提供了共享。
我的索引视图：
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
@{Html.RenderPartial("_Create", Model.InsertCarViewModel)}
</div>
</body>
</html>我的部分视图(_Create)
@model MvcApplication1.Models.InsertCarViewModel
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
@using (Html.BeginForm()) {
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<fieldset>
<legend>InsertCarViewModel</legend>
<div class="editor-label">
@Html.LabelFor(model => model.Make)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Make)
@Html.ValidationMessageFor(model => model.Make)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.NumberOfDoors)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.NumberOfDoors)
@Html.ValidationMessageFor(model => model.NumberOfDoors)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.DailyRentalFee)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.DailyRentalFee)
@Html.ValidationMessageFor(model => model.DailyRentalFee)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.DelimitedListOfCountries)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.DelimitedListOfCountries)
@Html.ValidationMessageFor(model => model.DelimitedListOfCountries)
</div>
<p>
<input type="submit" value="Create" />
</p>
</fieldset>
}我看不到我的部分视图，我得到了一个错误。我错过了什么/做错了什么？我的索引视图需要一个模型吗？
回答 4
Stack Overflow用户
回答已采纳
发布于 2015-02-19 10:02:47
请这样做
注意：您必须提到使用Index .的模型名称空间
@model MvcApplication1.Models.InsertCarViewModel
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
@{Html.RenderPartial("_Create", Model)}
</div>
</body>
</html>并且您的部分视图都必须包含相同的名称空间。
例子：
@model MvcApplication1.Models.InsertCarViewModel
@{
layout = null;
}
<p> partial view</p>Stack Overflow用户
发布于 2015-02-19 10:09:09
您的主视图没有定义模型，您可以使用RenderAction()，因为它在这里更合适，因为您正在创建操作：
<div>
@{ Html.RenderAction("Create", "Cars"); } // first parameter action name,
// second controller name
</div>或者使用Html.Action()
<div>
@Html.Action("Create", "Cars") // first parameter action name,
// second controller name
</div>Stack Overflow用户
发布于 2015-02-19 10:40:04
请像下面这样创建类:我是以你的为例。
namespace MvcApplication1.Models
{
public class InsertCarViewModel
{
public string Make { get; set; }
public int NumberOfDoors { get; set; }
public decimal DailyRentalFee { get; set; }
public string DelimitedListOfCountries { get; set; }
public List<InsertBikeViewModel> Bike { get; set; }
public InsertCicyleViewModel Cicyle { get; set; }
}
public class InsertBikeViewModel
{
public string Name { get; set; }
public int Id { get; set; }
}
public class InsertCicyleViewModel
{
public string cicyleName { get; set; }
public int cicyleId { get; set; }
}
}你的主要指数必须如下所示
@model MvcApplication1.Models.InsertCarViewModel
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
@{
Html.RenderPartial("_CreateBike", Model.Bike)
}
</div>
<div>
@{
Html.RenderPartial("_CreateCicyle", Model.Cicyle)
}
</div>
</body>
</html>在下面的代码中，我将在部分视图中显示自行车列表。
注意：，我将名称命名为"_CreateBike“，它与我在索引视图中定义的名称相匹配。
@model List<MvcApplication1.Models.InsertBikeViewModel>
@{
Layout = null;
}
@foreach ( var bikeItem in Model)
{
<div> @bikeItem.Name </div>
<div> @bikeItem.Id </div>
}
</body>
</html>还有你对Cicyle类的另一个部分看法。
注意：我将名称命名为"_CreateCicyle“，它位于部分视图下面，应该与我在索引视图.中定义的名称相匹配。
@model MvcApplication1.Models.InsertCicyleViewModel
@{
Layout = null;
}
<div> @cicyleItem .cicyleName </div>
<div> @cicyleItem .cicyleId </div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28603218
复制相关文章
相似问题
腾讯云开发者
