使用关闭按钮关闭剑道窗口

Question

我正在从asp.net应用程序打开一个kendo窗口(cshtml视图(。我在aspx页面中使用类似这样的div来打开它。

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

在窗口中想要使用按钮关闭它。我使用下面的javascript函数来关闭按钮点击。

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

但我得到以下错误：

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

Answer 1

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

在这段代码中，您试图关闭div，而不是剑道窗口

你应该给你的剑道窗口元素一个名称或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();
}

Answer 2

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