首页 文章

MVC DisplayFor Not Rendering

提问于
浏览 次
2

我在 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)
}

这是复杂类型的局部视图

@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>

这是为复杂类型调用 displayfor 的 foreach

在此输入图像描述

这是生成的 HTML

在此输入图像描述

我已经创建了一个小测试项目，如果有人想看看，它会重现错误。 示例项目

c# asp.net-mvc display-templates

2 回答

  • 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
    
 @foreach (var option in Model.AvailableOptions)
 {
   @Html.Raw(option);
 }

    end test

    查看结果(来源 - 没有“@” - Html.Raw(option))

    <div>
test
    

    end test
</div>

    查看结果(来源 - WITH“@” - @Html.Raw(option))

    <div>
test
    
<h1>Test</h1><h2>Test</h2><h3>Test</h3><h4>Test</h4>    
    end test
</div>
    回复于
  • 1

    如果你像我一样笨蛋，请确保你没有为值类型创建一个空白的 DisplayTemplate。

    在我的情况下，我正在尝试一些东西，并分散注意力，在名为 string.cshtml 的 DisplayTemplates 文件夹中留下一个空文件，并在返回时花了一小时试图弄清楚为什么我的值停止显示。

    不要那样做

    回复于

相关问题