我在MVC 5应用程序中遇到自定义显示模板的问题。我有一个viewmodel,包含我想要重用的复杂类型。我创建了DisplayTemplates文件夹并放置了一个遵循正确命名约定的局部视图。一切似乎都正常工作,部分视图被调用,但浏览器上没有任何渲染。
我已经检查了渲染的html,以确保它不被隐藏或显示为有趣但是在html输出中几乎没有渲染。请参阅下面的相关屏幕截图。我究竟做错了什么?感谢。
文件夹结构
这是初始视图。 viewmodel有一个AvailableOption列表。 foreach调用displayfor
@model CustomerWebPortal.ViewModels.OrderVehicle
@using (Html.BeginForm("CreateOrder", "Home"))
{
<h2>@Html.DisplayFor(x => x.DisplayName)</h2>
<div class="description">
<ul>
@Html.Raw(Model.Description)
</ul>
</div>
<h3>Available Options</h3>
<hr />
<div>
@foreach (var option in Model.AvailableOptions)
{
Html.DisplayFor(x => option, "AvailableOption");
}
</div>
<h3>Customer</h3>
<hr />
<div class="customerInfo">
@Html.LabelFor(x => x.Customer)
@Html.TextBoxFor(x => x.Customer)
@Html.ValidationMessageFor(x => x.Customer)
</div>
<div class="actions">
<input type="submit" value="Place Order" />
</div>
@Html.HiddenFor(x => x.VehicleId)
@Html.HiddenFor(x => x.Price)
}
&#13;
以下是复杂类型
的局部视图
@model CustomerWebPortal.ViewModels.AvailableOption
<div class="row-fluid padtopbottom5">
<div class="span6">
<div class="row-fluid">
<div class="span4">
@Html.CheckBoxFor(x => x.Selected)
</div>
</div>
</div>
<div class="span6">
<div class="row-fluid">
<div class="span4">
<h3>@Html.DisplayFor(x => x.DisplayName)</h3>
<ul>
@Html.Raw(Model.Description)
</ul>
<p><strong>@Html.DisplayFor(x => x.Price)</strong></p>
</div>
</div>
</div>
</div>
&#13;
以下是调用复杂类型
的displayfor的foreach以下是生成的HTML
我已经创建了一个小型测试项目,如果有人想看看,它会重现错误。 Sample Project
答案 0 :(得分:2)
这是在问题的评论中,但是我使用Html.Raw编写了一个小测试应用程序,显然它也应该修复你的情况。它只需要在Html.DisplayFor
前面有一个“@”ViewModel(在我的例子中,为您提供垃圾数据)
public class IndexViewModel
{
private IEnumerable<string> _avlOpt;
public IEnumerable<string> AvailableOptions
{
get { return _avlOpt; }
set { _avlOpt = value; }
}
public IndexViewModel()
{
List<string> lstString = new List<string>();
for (int i=1;i<5;i++)
{
lstString.Add(@"<h" + i.ToString() + ">Test</h" + i.ToString() + ">");
}
AvailableOptions = lstString;
}
}
查看
test<br/>
@foreach (var option in Model.AvailableOptions)
{
@Html.Raw(option);
}
<br/>end test
查看结果(来源 - 没有“@” - Html.Raw(选项))
<div>
test<br/>
<br/>end test
</div>
查看结果(来源 - WITH“@” - @ Html.Raw(选项))
<div>
test<br/>
<h1>Test</h1><h2>Test</h2><h3>Test</h3><h4>Test</h4> <br/>end test
</div>
答案 1 :(得分:1)
如果你像我一样是个笨蛋,请确保你没有为值类型创建一个空白的DisplayTemplate。
在我的情况下,我正在尝试一些东西并且分心,在DisplayTemplates文件夹中留下一个名为string.cshtml的空文件,并在返回时花了一小时试图找出我的值停止显示的原因。
不要那样做