Kendo UI 窗口不会打开具有布局的视图

Question

我正在为 MVC 使用 KendoUI，试图打开一个加载其内容的 Kendo-UI-Window，如下所示：

.LoadContentFrom("Edit", "CustomerContact")
.Events(events => events.Open("centerWindow"))

当 Edit.cshtml 视图使用我的 _DialogLayout.cshtml 时，它不会加载。当 Edit.cshtml 视图的 Layout = null 时，窗口加载得很好。

单击打开对话框时出现的 JavaScript 错误是： 未捕获的类型错误：无法读取未定义的属性“打开”

这是我的 javascript： .Events(events => events.Open("centerWindow"))

<script>
    $(document).ready(function () {
        $("#btnNewContact")
            .bind("click", function () {
                $("#windowContact").data("kendoWindow").open();
            });
    });

    function centerWindow(e) {
        e.sender.center();
    }
</script>

为什么当 Edit.cshtml 使用 _DialogLayout.cshtml 视图时会发生错误，该视图是 _Layout.cshtml 的精简版。当我创建一个没有布局的视图时，它工作得很好。

Answer 1

检查 _DialogLayout.cshtml 是否第二次包含 jQuery（通常在底部）。如果是这样，您需要将其删除。它替换了当前的 jQuery 版本，因此，您使用 .data("kendoWindow") 访问的数据缓存为空。