剑道-如何从视图关闭模态窗口

Question

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

谢谢！

JS

 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();
        }....

Answer 1

好的-我能够弄清楚。 这是工作代码：

    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();        
            }

Answer 2

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

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

看看演示中如何完成它，您可以遵循相同的过程。