剑道 - 如何从视图中关闭模式窗口答案

【问题标题】：Kendo - how to close modal window from view剑道 - 如何从视图中关闭模式窗口
【发布时间】：2015-08-25 21:42:02
【问题描述】：

我有一个显示两个文本框（客户 ID 和客户名称）的模式窗口。当用户点击“保存”时，我想关闭模式窗口。我尝试使用 $('#NewCustomer').hide() 但这似乎并没有关闭窗口。那么如何通过与我的 ViewModel 不同的功能关闭剑道窗口？任何帮助将不胜感激。

谢谢！

 var viewModel = kendo.observable({
     ShowNewCustomerForm: function () {
            var newCustomerWindow = $('#NewCustomer').kendoWindow({
                title: "Add New Customer",
                modal: true,
                width: 500,
                height: 300
            }).data("kendoWindow");
            newCustomerWindow.center().open();
            $('#AddNewCustomerBtn').hide();
        },
        SaveCustomer: function (e) {
           // close #NewCustomer here
            $('#NewCustomer').hide();
        }....

【问题讨论】：

标签： javascript mvvm kendo-ui

【解决方案1】：

Kendo Window 小部件公开了很多 API。您可以使用 open() 和 close() 方法以编程方式处理窗口。

这是我们在 Kendo Window API 方法上的演示 - http://demos.telerik.com/kendo-ui/window/api

看看它是如何在演示中完成的，你可以按照相同的步骤进行操作。

【讨论】：

【解决方案2】：

好的——我能弄明白。这是工作代码：

    var viewModel = kendo.observable({
         ShowNewCustomerForm: function () {
                var newCustomerWindow = $('#NewCustomer').kendoWindow({
                    title: "Add New Customer",
                    modal: true,
                    width: 500,
                    height: 300
                }).data("kendoWindow");
                newCustomerWindow.center().open();
                $('#AddNewCustomerBtn').hide();
            },
            SaveCustomer: function (e) {
               // close #NewCustomer here
               $("#NewCustomer").closest(".k-window-content").data("kendoWindow").close();        
            }

【讨论】：