Composite C1 - 使用 MVC RenderSections 等答案

【问题标题】：Composite C1 - Using MVC RenderSections or the likeComposite C1 - 使用 MVC RenderSections 等
【发布时间】：2013-09-03 22:50:55
【问题描述】：

在 Composite C1 中，我使用 Razor 语法来创建我的主布局。为了更快的加载时间，建议将脚本放在 end body 标记之前而不是 head 标记内。这就是为什么我将 jQuery 和其他脚本放在 end body 标记之前。

当我对引用 jQuery 的 JavaScript 使用 Razor 函数时，我收到一个错误，因为尚未加载 jQuery。在加载 jQuery 脚本之前输出来自 Razor 函数的 HTML：

未捕获的引用错误：$ 未定义

在 MVC 中，我可以在主布局中使用 RenderSection 来完成此操作（在我的主布局脚本下方渲染 JavaScript

@RenderSection("FooterScripts", false)

然后在我看来，我可以定义这样的部分：

@section FooterScripts {
    <script type="text/javaScript">
        $(function () {
            ...
        });
    </script>
}

这将在最终 HTML 中的正确位置呈现 HTML。这可以在复合 C1 中做到吗？即使 Intellisence 告诉我它可用，我也无法让 RenderSection 工作。

【问题讨论】：

标签： c1-cms

【解决方案1】：

没有内置方法可以将 html 标记从 C1 函数插入到布局中的特定位置。

实现您自己的逻辑的可能方法是：

收集要插入到 f.e. 中的脚本Context.Items 集合，并插入到最后。
实现一些后处理逻辑，在渲染后将脚本标签移动到页面底部。

第一种方法更容易实现，这是一个简短的工作示例：

C1功能码：

@inherits RazorFunction
@using Composite.Examples

@functions {
}

@{
    LayoutHelper.AddDelayedScript(Script()); 
}

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
    Inserting a script at the bottom of a page
</body>
</html>


@helper Script() {
    <script type="text/javascript">
        alert("I'm inserted!");
    </script>
}

布局代码：

....


        @LayoutHelper.RenderDelayedScripts()
    </body>
</html>

类LayoutHelper，在App_Code中定义：

using System.Collections.Generic;
using System.Text;
using System.Web;

namespace Composite.Examples
{
    public static class LayoutHelper
    {
        private const string HttpItems_Key = "delayedscripts";

        public static void AddDelayedScript(IHtmlString script)
        {
            var context = HttpContext.Current;

            lock (context.Items.SyncRoot)
            {
                if (!context.Items.Contains(HttpItems_Key))
                {
                    context.Items.Add(HttpItems_Key, new List<IHtmlString>());
                }

                (context.Items[HttpItems_Key] as List<IHtmlString>).Add(script);
            }
        }

        public static IHtmlString RenderDelayedScripts()
        {
            var context = HttpContext.Current;

            var sb = new StringBuilder();

            if (context.Items.Contains(HttpItems_Key))
            {
                foreach (var delayedscript in context.Items[HttpItems_Key] as IEnumerable<IHtmlString>)
                {
                    sb.Append(delayedscript.ToHtmlString());
                }
            }

            return new HtmlString(sb.ToString());
        }
    }
}

【讨论】：

谢谢，这是一个非常顺利的解决方案