zoukankan      html  css  js  c++  java
  • Umbraco Forms 使Rendering Forms scripts 在不同的template中

    具体请参考 https://our.umbraco.org/documentation/products/umbracoforms/developer/Rendering-Scripts/

    转载 https://our.umbraco.org/documentation/products/umbracoforms/developer/Rendering-Scripts/

    Rendering Forms scripts where you want

    Besides markup Forms will also output some JavaScript, by default this JavaScript is outputted just below the markup. If you wish to change this behaviour follow the next steps (like if all your js is rendered at the bottom of you page)

    Change the Forms partial view macro

    First we'll need to tell the Forms partial macro (that is used to render forms) to only render the markup and not the scripts. Navigate to the developer section and open the > Partial View Macro File > Insert Umbraco Form

    It should have the following contents

    @inherits Umbraco.Web.Macros.PartialViewMacroPage
    
    @if (Model.MacroParameters["FormGuid"] != null)
    {
        var s = Model.MacroParameters["FormGuid"].ToString();
        var g = new Guid(s);
    
        Html.RenderAction("Render", "UmbracoForms", new {formId = g});

    Here we'll make a small change, in the RenderAction call we'll provide an additional argument mode = "form"

    so go from

    Html.RenderAction("Render", "UmbracoForms", new {formId = g});  

    to

    Html.RenderAction("Render", "UmbracoForms", new {formId = g, mode = "form"});

    Place the Render scripts macro on your template

     Now we'll need to let Forms know where we want to output the script instead. So Navigate to the settings section and select  your template that should contain the scripts. There simply insert the Render Umbraco Forms Scripts macro.

    比如,我们想把Forms 的scripts包含在master template中,那么就在master template 中的尾部 Insert Macro - Render forms scripts 

    系统会自动产生 语句 @Umbraco.RenderMacro("FormsRenderScripts") 放在master template的尾部

  • 相关阅读:
    js中的异常处理
    CSS3之box-sizing属性
    AJAX
    NaN与Null与undefiined的关系
    跳转语句之continue与break
    npm火速上手
    程序里面的‘脑筋急转弯’
    css伪元素::before与::after
    常用正则表达式、JS中的正则以及ES6的扩展
    git
  • 原文地址:https://www.cnblogs.com/wphl-27/p/5706987.html
Copyright © 2011-2022 走看看