使用关闭按钮关闭 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 Angular Dialog