网格中的 Kendo UI 详细信息模板验证失败答案

【问题标题】：Kendo UI Detailstemplate in Grid Fails Validation网格中的 Kendo UI 详细信息模板验证失败
【发布时间】：2013-03-13 16:39:11
【问题描述】：

我在我的 ASP.NET MVC 4.0 应用程序中使用 Kendo UI。

我有一个带有详细模板的网格在我的详细信息模板中，我有一个表格

  @(Html.Kendo().TabStrip()
            .Name("TabStrip_#=UserID#")
            .SelectedIndex(0)
            .Events(e => e.ContentLoad("UserDetailsEditable"))
            .Items(tab =>
            {
                tab.Add().Text("User Details")
                    .LoadContentFrom("UserDetails", "User", new { UserID = "#= UserID #"});
            })
            .ToClientTemplate()

)

此表单未触发从模型数据注释派生的验证。

那是因为它无法识别我的验证脚本

 @Scripts.Render("~/bundles/jqueryval")
  bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.unobtrusive*",
                        "~/Scripts/jquery.validate*"));

如果我移动这个引用 @Scripts.Render("~/bundles/jqueryval") 从 layout.cshtml 到 Form view 验证将起作用但我的表单帖子将多次完成。因为我的脚本引用会为每个详细信息模板加载多次。

我该如何解决这个问题？

解决方案：

我已经拆分了 jQuery Val 包

  //bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
            //           "~/Scripts/jquery.unobtrusive*",
            //           "~/Scripts/jquery.validate*"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.validate*"));

            bundles.Add(new ScriptBundle("~/bundles/unobtrusive").Include(
                       "~/Scripts/jquery.unobtrusive*"));

在我的布局中，我只给出了@Scripts.Render("~/bundles/unobtrusive")

在我所有的表单视图中我给了@Scripts.Render("~/bundles/jqueryval")

解决了这个问题。希望这可以帮助其他人

【问题讨论】：

您不应该将解决方案放在答案中并将其标记为解决方案吗？在您这样做之前，这将继续被标记为“未答复”。
@jebar8 我对回答自己问题的堆栈溢出术语感到有点困惑。随便回答。谢谢

标签： validation kendo-ui kendo-grid kendo-asp.net-mvc

【解决方案1】：

我已经拆分了 jQuery Val 包

 //bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
            //           "~/Scripts/jquery.unobtrusive*",
            //           "~/Scripts/jquery.validate*"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.validate*"));

            bundles.Add(new ScriptBundle("~/bundles/unobtrusive").Include(
                       "~/Scripts/jquery.unobtrusive*"));

在我的布局中，我只给出了@Scripts.Render("~/bundles/unobtrusive")

在我所有的表单视图中我给了@Scripts.Render("~/bundles/jqueryval")

解决了这个问题。希望这可以帮助其他人

【讨论】：