使用关闭按钮关闭 Kendo 窗口

Posted

技术标签:

【中文标题】使用关闭按钮关闭 Kendo 窗口【英文标题】:Closing a Kendo window using close button 【发布时间】: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')

【问题讨论】:

【参考方案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();

【讨论】:

以上是关于使用关闭按钮关闭 Kendo 窗口的主要内容,如果未能解决你的问题,请参考以下文章

成功登录后关闭 Kendo UI 窗口并重新加载父页面

使用子组件按钮单击关闭 Kendo Angular Dialog

ASP.NET如何点击按钮后关闭当前窗口?

C或C++.NET语言中,想实现点击按钮后关闭当前窗口和所有窗口?

WPF中,怎样设置点击按钮关闭当前窗口

HTML中如何让窗口在点击按钮关闭该窗口?