ASP.Net MVC 3 Razor Response.Write 位置

Question

我正在尝试更新本教程< /a> 将 Facebook 的 BigPipe 实施到 razor。

有一个 html 帮助器扩展，可以将 pagelet 添加到列表中，然后将保持 div 输出到响应。这个想法是，稍后将此 pagelet 的内容呈现为字符串，然后通过 javascript 注入到此控股 div 中。

public static void RegisterPagelet(this HtmlHelper helper, Pagelet pagelet) {
    var context = helper.ViewContext.HttpContext;
    List<Pagelet> pagelets = (List<Pagelet>)context.Items["Pagelets"];
    if (pagelets == null) {
        pagelets = new List<Pagelet>();
        context.Items["Pagelets"] = pagelets;
    }
    pagelets.Add(pagelet);
    context.Response.Write("<div id=\"" + pagelet.Container + "\"></div>");
}

在示例中，该函数的调用方式如下：

<div id="textHolder">
    <% Html.RegisterPagelet(myPagelet); %>
</div>

它将 pagelet 添加到列表中，并将持有的 div 输出到响应流。

但是

<div id="textHolder">
    <div id="pageletPlaceHolder"></div>
</div>

，当我在 Razor 中尝试相同的操作时：

<div id="textHolder">
    @{ Html.RegisterPagelet(myPagelet);  }
</div>

div 占位符出现在正文的顶部，位于 textHolder div 之外。这是为什么呢？我怎样才能让它表现得像 webforms 视图，其中响应在 div 内输出？

谢谢。

Answer 1

Razor 视图由内向外渲染。基本上，它将内容写入临时缓冲区，当到达最顶层的布局页面时，临时缓冲区会写入响应流。因此，从 HtmlHelper 扩展直接写入响应流将导致乱序输出。

解决方案是使用：

helper.ViewContext.Writer.Write("<div id=\"" + pagelet.Container + "\"></div>");

Answer 2

将您的方法更改为非 void，但返回 MvcHtmlString

public static MvcHtmlString OutputText(this HtmlHelper helper, string text) {
     return New MvcHtmlString(text);
}

比像以前那样使用它

<div id="textHolder">
    @Html.OutputText("FooBar");
</div>

Idea 的灵感来自于 MVC 中几乎每个输入（和其他）扩展方法都返回 MvcHtmlString

Answer 3

您应该使用 ViewBag 并将字符串放入其中，然后输出它。

在控制器中：

ViewBag.Foo = Bar;

在视图中：

<div>
@ViewBag.Foo
</div>

Answer 4

我懒得这么做。您想要的最终结果是没有将 FooBar 写入您的 div 中，那么为什么不将其写入您的 div 中呢？为什么需要使用Response.Write？