Close Kendo window with kendo grid click event? - kendo-window

Question

Have a function that opens a kendo window with a partial view(with a kendo grid) as content like so:
$('#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();
}
});
Im passing data to my CodUnePai when click the grid like so:
$("#BSfunePartialGrid").click(function (e) {
var selectedItem = e.target.innerText;
this.ownerDocument.forms.FormCreate.CodUnePai.value = selectedItem;
});
But i also want to close the window. How can i do that on the click or double click event of the grid? Can you help? Thank you.:)

Answer 1

You can do it by 2 ways
1st Way by adding close in action
$("#termWindow").kendoWindow({
modal: true,
visible: false,
resizable: true,
width: "700px",
title: "TopUp - Terms & Condition",
actions: [
"Pin",
"Minimize",
"Maximize",
"Close"
]
});
2nd by adding close button inside you template and calling close function
<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();
}