Question

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

<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" />

感谢!!!

Answer 1

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

Answer 2

这取决于您打开Kendo窗口的方式。以下是在JavaScript函数中打开它的示例：

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

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

注意我如何在函数中设置 modal：true 。试试吧。

Kendo UI Window模式无法正常工作

2 个答案: