kendo-window - 使用剑道网格单击事件关闭剑道窗口？

Question

有一个功能可以打开一个带有部分视图（带有剑道网格）的剑道窗口，内容如下：

$('#CodUnePai').keydown(function (event) {
        if (event.keyCode == 115) {
            event.preventDefault();
            var myWindow = $("#dialog").kendoWindow({
                actions: ["Minimize", "Maximize", "Close"],
                content: {
                    url: '@Url.Action("BSfunePartial","BSfune")',
                },
                draggable: true,
                height: "300px",
                width: "300px",
                modal: false,
                position: {
                    top: 300,
                    left: 1200
                },
                resizable: true,
                title: "Unidades de Negócio",
                visible: false
            });
            $("#dialog").data("kendoWindow").center();
            $("#dialog").data("kendoWindow").open();
        }
    });

当单击网格时，我将数据传递给我的 CodUnePai，如下所示：

$("#BSfunePartialGrid").click(function (e) {
    var selectedItem = e.target.innerText;
    this.ownerDocument.forms.FormCreate.CodUnePai.value = selectedItem;
});

但我也想关闭窗口。如何在网格的单击或双击事件上做到这一点？你能帮我吗？谢谢。：）

Answer 1

你可以通过2种方式做到这一点

第一种方式，在行动中添加关闭

$("#termWindow").kendoWindow({
                    modal: true,
                    visible: false,
                    resizable: true,
                    width: "700px",
                    title: "TopUp - Terms & Condition",
                    actions: [
                        "Pin",
                        "Minimize",
                        "Maximize",
                        "Close"   

                    ]

                });

第二通过在模板中添加关闭按钮并调用关闭功能

<div id="dialog"></div>
<script type="text/x-kendo-template" id="MessageBoxTemplate">
        <div id="MessageBox-container">
            <em>#= Message # </em>
            <div style="text-align:center">
                <input type="button" id="btnclose" name="btnclose" value="Close" onclick="closeMessageBox()">    
            </div>
        </div>
 </script>

//Close Function MessageBox
        function closeMessageBox(e)
        {
            $("#MessageBox").data("kendoWindow").close();
        }