使用关闭按钮关闭 Kendo 窗口答案

【问题标题】：Closing a Kendo window using close button使用关闭按钮关闭 Kendo 窗口
【发布时间】：2022-01-22 02:21:32
【问题描述】：

我正在从一个 asp.net 应用程序打开一个剑道窗口（一个 cshtml 视图）。我在 aspx 页面中使用这样的 div 打开它。

<div id="comments"></div>

在窗口内想用一个按钮关闭它。我正在使用下面的 javascript 函数在单击按钮时将其关闭。

function CloseWindow() {
    $("#comments").data("kendoWindow").close();
}

但我收到以下错误：

VM3356:18 Uncaught TypeError: Cannot read properties of undefined (reading 'close')

【问题讨论】：

标签： javascript kendo-ui kendo-asp.net-mvc

【解决方案1】：

function CloseWindow() {
   if(kendo.widgetInstance($("#comments")) != undefined)
      $("#comments").data("kendoWindow").close();
   }
}

【讨论】：

请不要只发布代码作为答案，还要解释您的代码的作用以及它如何解决问题的问题。带有解释的答案通常更有帮助，质量更高，更有可能吸引投票。

【解决方案2】：

function CloseWindow() {
    $("#comments").data("kendoWindow").close();
}

在此代码中，您尝试关闭 div，而不是 kendo 窗口

你应该像这样为你的剑道窗口元素提供一个名称或 id 属性

@(Html.Kendo().Window().Scrollable(false)
                      .Name("sampleWindow").Title("Window").Visible(true)
                      .Actions(actions => actions.Close()).Modal(true).Draggable(true)
                      .Height(530).Width(800)
                      .Events(events => events.Refresh("RefreshWindow"))
    )

上面我给剑道窗口命名为sampleWindow

所以函数会是这样的

 function CloseWindow() {
    $("#sampleWindow").data("kendoWindow").close();
}

【讨论】：