0

親ビュー内に 2 つの PartialViews があります。

これら 2 つの PartiaView で、親ビューの下部に含める必要がある JavaScript コードを生成します。

PartialViews で JavaScript を生成する HtmlHelper 拡張機能を次に示します。

public static MvcHtmlString KO_ObjectFor<TModel>(this HtmlHelper<TModel> htmlHelper)
{
    String str = "some javascript code";
    return MvcHtmlString.Create(str);
}

これは親ビュー (メイン ビュー) です

...
//First Partial View
<% Html.RenderPartial("_PartialViewFirst"); %>

//Second Partial View
<% Html.RenderPartial("_PartialViewSecond"); %>

//Here I need to display the JavaScript from the PartialViews
<script type="text/javascript">
   <%: Html.FunctionToConcatenateJavaScript() %>
</script>
...

正しいアプローチは何でしょうか?

4

2 に答える 2

2

Stack を使用して、HttpContext でスクリプトをプッシュおよびポップできます。

public static class HtmlExtensions
{
    private const string ScriptsKey = "__scripts__";

    public static MvcHtmlString KO_ObjectFor<TModel>(this HtmlHelper<TModel> htmlHelper)
    {
        var stack = htmlHelper.ViewContext.HttpContext.Items[ScriptsKey] as Stack<string>;
        if (stack == null)
        {
            stack = new Stack<string>();
            htmlHelper.ViewContext.HttpContext.Items[ScriptsKey] = stack;
        }
        String str = "some javascript code";
        stack.Push(str);

        return new HtmlString("some code that the helper needs to generate and output to the view");
    }

    public static IHtmlString FunctionToConcatenateJavaScript(this HtmlHelper htmlHelper)
    {
        var stack = htmlHelper.ViewContext.HttpContext.Items[ScriptsKey] as Stack<string>;
        if (stack == null)
        {
            return MvcHtmlString.Empty;
        }

        var scriptTag = new TagBuilder("script");
        scriptTag.Attributes["type"] = "text/javascript";
        var sb = new StringBuilder();
        foreach (var script in stack)
        {
            sb.AppendLine(script);
        }
        scriptTag.InnerHtml = sb.ToString();

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

次に、プッシュできます:

<%= Html.KO_ObjectFor(x => x.Foo) %>
<%= Html.KO_ObjectFor(x => x.Bar) %>
...

次に、マスターですべてをポップします。

<%= Html.FunctionToConcatenateJavaScript() %>
于 2012-05-25T12:48:55.140 に答える
0

多分あなたはこのようにすることができます:

部分 1:

@{
    ViewBag.JS = @Html.KO_ObjectFor(firstJs);
}

部分 2:

@{
    ViewBag.JS += @Html.KO_ObjectFor(secondJs);
}

主要:

<script type="text/javascript">
   @ViewBag.JS
</script>

かみそりの構文でごめんなさい

于 2012-05-25T12:42:58.853 に答える