果园。如何渲染 'HeadScripts' 形状之前的东西?

Orchard. How to render something before 'HeadScripts' shape?

有时 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' 之后呈现。 请帮忙。

我已经设法在 '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'(这是一组 'Script' 形状)使用来自 HtmlHelper Html 参数的编写器。因此,使用 HtmlHelper Html 允许您在 'HeadScripts'.

之前呈现自定义内容