MVC DisplayFor Not Rendering

时间:2016-02-01 17:40:40

标签: c# asp.net-mvc display-templates

我在MVC 5应用程序中遇到自定义显示模板的问题。我有一个viewmodel,包含我想要重用的复杂类型。我创建了DisplayTemplates文件夹并放置了一个遵循正确命名约定的局部视图。一切似乎都正常工作,部分视图被调用,但浏览器上没有任何渲染。

我已经检查了渲染的html,以确保它不被隐藏或显示为有趣但是在html输出中几乎没有渲染。请参阅下面的相关屏幕截图。我究竟做错了什么?感谢。

文件夹结构

project structure

这是初始视图。 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;
&#13;
&#13;

以下是复杂类型

的局部视图

&#13;
&#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;
&#13;
&#13;

以下是调用复杂类型

的displayfor的foreach

enter image description here

以下是生成的HTML

enter image description here

我已经创建了一个小型测试项目,如果有人想看看,它会重现错误。 Sample Project

2 个答案:

答案 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的空文件,并在返回时花了一小时试图找出我的值停止显示的原因。

不要那样做