如何将 HTML 内容传递给 MVC-Razor 中的部分视图，如“for”块

Question

我在我的应用程序中使用 Chromatron 主题作为管理面板。有一个带有 HTML 内容的侧边栏小工具，通过一点 CSS 技巧，它可以显示完全不同。

<section class="sidebar nested">
    <h2>Nested Section</h2>
    <p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Maec enas id augue ac metu aliquam.</p>
    <p>Sed pharetra placerat est suscipit sagittis. Phasellus <a href="#">aliquam</a> males uada blandit. Donec adipiscing sem erat.</p>
</section>

我想要一个像这样使用的局部视图：

@Html.Partial("Path/To/Partial/View"){
    <h2>Nested Section</h2>
    <p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Maec enas id augue ac metu aliquam.</p>
    <p>Sed pharetra placerat est suscipit sagittis. Phasellus <a href="#">aliquam</a> males uada blandit. Donec adipiscing sem erat.</p>
}

TBH，我想拥有像 @for(...){ } 块中那样的功能。 这在 Razor 中可行吗？

Answer 1

您似乎需要某种 htmlhelper 函数来生成该内容。您是否考虑过将其实现为助手而不是局部视图？

Answer 2

我也有同样的困境。尝试使用 Func 属性创建视图模型类型，然后将 html 作为委托传递。

public class ContainerViewModel
{
    public String Caption { get; set; }
    public String Name { get; set; }
    public Int32 Width { get; set; }
    public Func<object, IHtmlString> Content { get; set; }
}

@Html.Partial("Container", new ContainerViewModel()
{
    Name = "test",
    Caption = "Test container",
    Content =  
    @<text>
       <h1>Hello World</h1>
    </text>,
    Width = 600
})

你可以在你的部分中这样称呼它。

@Model.Content(null)

如果你想花哨，可以添加这个扩展方法。

public static class PartialExtensions
{
    public static IHtmlString Display<T>
        (this T model, Expression<Func<T, Func<Object, IHtmlString>>> content) 
    {
        var compiled = content.Compile();
        return compiled.Invoke(model).Invoke(null);
    }
}

然后，任何时候你使用这个模式，你都可以在你的部分（未完全测试）中这样调用它。

@model ContainerViewModel
@Model.Display(m => m.Content)  // Use delegate property

希望这对你有用。

它之所以有效，是因为 @... 语法为您创建了一个小 HtmlHelper，它使用一个模型（您在此处将其声明为类型 object，并为 null 传递），并返回一个 IHtmlString。

如果在内容中使用@Html.BeginForm，请注意表单值似乎不会发布到服务器。

因此，将表单包裹在容器周围。