将变量从 EditorTemplate 传回页面或布局

Question

我已经厌倦了谷歌搜索并没有找到确切的答案。

我知道我可以通过.EditorFor() 或.DisplayFor() 的additionalViewData 参数将日期从视图传递到模板，但我想要从模板返回数据！

我的~/Views/Shared/EditorTemplates/ 中有Date.cshtml。 我的模型属性已经有这样的东西：

public class Person
{
    [DisplayFormat(DataFormatString = "{0:d}")]
    [DataType(DataType.Date)]
    public Nullable<DateTime> BirthDate { get; set; }
}

和视图：

@Html.EditorFor(model => model.BirthDate)

现在我只想在视图使用日期模板时加载 datepicker 脚本。 所以我尝试在我的模板中像这样使用RequireDatePicker：

@model DateTime?
@Html.TextBox(...)
@{ViewBag.RequireDatePicker = true;}

在_Layout.cshtml的底部：

    @Scripts.Render("~/bundles/jquery")
    @if (ViewBag.RequireDatePicker == true)
    {
        <script type="text/javascript">
            if (!Modernizr.inputtypes.date) {
                // Todo: use Modernizr.load
                $(function () {
                    $("input[type='date']").datepicker();
                });
            }
        </script>
    }

问题是我刚刚意识到ViewBag/ViewData 具有与视图/部分和显示/编辑器模板不同的上下文。最好的方法是什么？

---

修复 我可以通过这样的路由数据将模板中的数据传递回视图：

@{ViewContext.RouteData.DataToken["requireDatePicker"] = true;}

但是我最终没有传递数据，而只是这样：

1. 捆绑"~/bundles/jqueryui"那个

   • 从中删除 jquery ui 日期选择器功能（并移至 "~/bundles/jqueryui-datepicker"）
   • 包括Modernizr.inputtypes.date 检查和Modernizr.load 以加载"~/bundles/jqueryui-datepicker"

2. 无需修改_layout.cshtml 即可检查RequireDatePicker。 @Scripts.Render("~/bundles/jquery") 和 @Scripts.Render("~/bundles/jqueryui") 就足够了，Modernizr.load 已经包含在内了。

3. 无需将RequireDatePicker 从Date.cshtml 传递给查看或_Layout.cshtml 作为Modernizr.load

Answer 1

您可以创建动态 javascript 包，如下文所述

http://neimke.blogspot.co.nz/2011/12/composing-child-views-with-bundles.html

基本上你的编辑器模板调用以下代码

@{
  var bundle = Microsoft.Web.Optimization.BundleTable.Bundles.GetRegisteredBundles()
    .Where(b => b.TransformType == typeof(Microsoft.Web.Optimization.JsMinify))
    .First();

  bundle.AddFile("~/Scripts/DatePicker.js");
}

但您可能希望将 Where 子句替换为找到特定捆绑包的子句，也许是专门用于为子视图包含 javascript 的子句。

如果您想发疯，您可以扩展 razor 视图引擎或 WebViewPage 以查找与呈现的每个视图匹配的 View.cshtml.js 并将其添加到包中。