c# - Orchard 。如何渲染 'HeadScripts' 形状之前的东西？

Question

有时 javascript 代码需要来自服务器的一些数据(例如 JS 和 C# 之间共享的常量或配置)。我不想通过 Ajax 提取这些数据。我想将此数据呈现到服务器上的 html 页面中。

比方说，我有一个由 C# 服务器端代码和 JS 客户端代码组成的组件。 Component 定义了一些 C# 常量，为特定的 JS 代码提供。这个定义可以在 ResourceManifest 中以某种方式完成。定义的 C# 常量应在 JS 脚本链接之前呈现为 html。 JS 链接的第一部分以“HeadScripts”形状呈现。

问题是如何在“HeadScripts”形状之前渲染一些东西？

我试图包裹“HeadScripts”形状。但这没有帮助。

IShapeTableProvider 实现中的包装器:

builder.Describe("HeadScripts").Configure(desc => desc.Wrappers.Add("HeadScriptsWrapper"));

HeadScriptsWrapper.cshtml:

<script>
    var ServerConstants = {
        const1: 'value1',
        const2: 'value2'
    };
</script>
@Display(Model.Child)

结果是:

...
<script src="/.../jquery-1.11.1.js" type="text/javascript"></script>
<script src="/.../some.js" type="text/javascript"></script>
<script src="/.../onemore.js" type="text/javascript"></script>
...
<meta content="Orchard" name="generator" />
<meta content="utf-8" name="charset" />
...
<link href="/.../favicon.png" rel="shortcut icon" type="image/x-icon" />
<script>
    var ServerConstants = {
        const1: 'value1',
        const2: 'value2'
    };
</script>

如您所见，包装器中的代码在“HeadScripts”之后呈现。请帮忙。

Answer 1

我已经设法在“HeadScripts”形状之前呈现自定义字符串。

public class BeforeHeadScriptsShapeProvider : IShapeTableProvider
{
    private readonly Work<IOrchardServices> orchardServices;

    public BeforeHeadScriptsShapeProvider(Work<IOrchardServices> orchardServices)
    {
        this.orchardServices = orchardServices;
    }

    public void Discover(ShapeTableBuilder builder)
    {
        builder.Describe("HeadScripts")
            .OnCreated(created =>
            {
                orchardServices.Value.WorkContext.Layout.Head.Add(created.New.BeforeHeadScriptsShape());
            });
    }

    [Shape]
    public void BeforeHeadScriptsShape(HtmlHelper Html)
    {
        Html.ViewContext.Writer.WriteLine("<script type=\"text/javascript\"> alert('TEST');</script>");
    }
}

我无法详细解释这段代码，但我发现一些形状是通过 TextWriter Output 参数呈现的。但是 Output 总是在“HeadScripts”之后呈现。 “HeadScripts”(这是一组“脚本”形状)使用 HtmlHelper Html 参数中的编写器。因此，使用 HtmlHelper Html 允许您在“HeadScripts”之前呈现自定义内容。