Закрыть окно кендо с событием щелчка по сетке кендо?

У вас есть функция, которая открывает окно кендо с частичным представлением (с сеткой кендо) в качестве содержимого, например:

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

Но я также хочу закрыть окно. Как я могу сделать это при щелчке или двойном щелчке сетки? Вы можете помочь? Спасибо.:)


person blackkatt    schedule 04.02.2014    source источник


Ответы (1)


Вы можете сделать это двумя способами

Первый способ: добавить близкое действие

$("#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();
        }
person Shaz    schedule 14.02.2014