Estou usando o componente de janela do Kendo UI, que é semelhante a qualquer caixa de diálogo modal.

Eu tenho um botão de fechar nele, como faço para fechar a janela ao clicar nesse botão (em vez de clicar no botão padrão 'x' na barra de título)

O conteúdo da minha janela é carregado a partir de outra vista

@(Html.Kendo().Window()
           .Name("window")
           .Title("Role")
           .Content("loading...")
           .LoadContentFrom("Create", "RolesPermissions", Model.Role)
           .Modal(true)
           .Width(550)           
           .Height(300)           
           .Draggable()
           .Visible(false)
          )

Na mesma opinião, eu tenho

<span id="close" class="btn btn-inverse">Cancel</span>

Isto é o que eu tenho na minha visão principal (a visão chamando a janela)

$(document).ready(function () {
    var window = $("#window").data("kendoWindow");

    $("#open").click(function (e) {
        window.center();
        window.open();
    });

    $("#close").click(function(e) {
        window.close();
    });
});