剑道 UI 窗口模式不起作用答案

【问题标题】：Kendo UI Window modal not working剑道 UI 窗口模式不起作用
【发布时间】：2018-07-21 15:21:32
【问题描述】：

任何人都可以帮助解释为什么模式不起作用 - 窗口的背景没有变灰或禁用。以下是我的代码：

<div>
@(Html.Kendo().Window()
.Name("Wind")
.Title("")
.Content(
        @Html.Partial("New").ToHtmlString()
)
.Width(750)
.Height(500)

.Draggable(true)
.Visible(false)
.Modal(true)
)

这就是我的 _Layout.cshtml 中的内容：

  <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/2014.1.415/kendo.common.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2014.1.415/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2014.1.415/kendo.black.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2014.1.415/kendo.dataviz.black.min.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/kendo/2014.1.415/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2014.1.415/kendo.all.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2014.1.415/kendo.aspnetmvc.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.validationEngine-en.js")" ></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.validationEngine.js")" ></script>
<link href="@Url.Content("~/Content/validationEngine.jquery.css")" rel="stylesheet" type="text/css" />

谢谢！！！

【问题讨论】：

标签： kendo-asp.net-mvc

【解决方案1】：

给它一个标题。这是我在我的窗口（我有很多而且它们都可以工作）和你的窗口代码之间看到的唯一区别。

【讨论】：

谢谢茉莉。我添加了标题，但它仍然不起作用。我在单击事件上打开窗口： function btnTest_click() { var wind = $('#Wind'); wind.data('kendoWindow') .center() .open(); }
我们也这样做，只是不先将其放入 var 中，但我们的功能几乎相同。检查你所有的 jQuery 版本和东西——如果所有这些东西都是正确的，Kendo 就可以工作。您可能想检查呈现的 javascript 以确保它是正确的，但它几乎总是正确的。

【解决方案2】：

这取决于您打开剑道窗口的方式。下面是在 JavaScript 函数中打开它的例子：

function openKendoWindow()
{
    var window = $("#Wind");

    window.kendoWindow({
        content: "Hello",
        modal: true
    });
    window.data("kendoWindow").open();
};

注意我是如何在函数中设置 modal: true 的。试试看。

【讨论】：