Fechar janela de Dialogo jQuery

Question

Uso VS2010, C# aspnet

Tenho este código na página Default.aspx (página pai), ele abre a página NovoFuncionario.aspx (página filho) dentro de uma janela de diálogo 

$('#novo').live('click', function (e) {
                var page = "NovoFuncionario.aspx"
                var $dialog = $('<div></div>')
                .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
                .dialog({
                    autoOpen: false,
                    modal: true,
                     title: "Novo Funcionário",
                  });
                $dialog.dialog('open');
                e.preventDefault();
            });

na pagina NovoFuncionario.aspx(pagina filha) coloquei um botão para fechar a janela de diálogo(dialogo está na página pai).

<asp:Button ID="fechar" runat="server" Text="fechar" />

Qual seria o código para fechar o dialogo a partir da página NovoFuncionario.aspx 

Answer 1

se tiver no contexto do iframe é assim "parent.$('#iID_do_Dialog').dialog('close');'

caso esteja no contexto da página pai é só chamar, sem utilizar o parent.

Answer 2

Olá,

Em janelas do tipo popup, costumo utilizar no evento OnClientClick uma chamada JS para fechar ela mesma self.close(). Exemplo:

<asp:Button ID="fechar" runat="server" Text="fechar" OnClientClick="self.close();" />

Answer 3

Olá Diego

Seu exemplo não funcionou , tem mais alguma sugestão

Answer 4

Infelizmente não.

Em janelas popups este comando funciona. Mas pelo jeito, não funciona em janela de diálogo.

Answer 5

é só fazer isso

se tiver no contexto do iframe é assim "parent.$('#iID_do_Dialog').dialog('close');'

caso esteja no contexto da página pai é só chamar, sem utilizar o parent.

Answer 6

Tucão tenta usar da seguinte forma:

ao invés de você construi a modal da forma como está fazendo faz deste jeito por exemplo:

    $(".dialogConfirmacao").dialog({
        autoOpen: false,
        modal: true,
        position: "center",
        width: "auto",
        resizable: false,
        open: function (type, data) {
            $(this).parent().appendTo("form");
        }
    });
        $('#novo').live('click', function (e) {
               $(".dialogConfirmacao").dialog("open");
         });

E pra fechar:

  $(".btnComandosCancelar").submit().click(function () {
        $(".dialogConfirmacao").dialog("close");
        return false;
    });  

---

Se a resposta foi útil por favor qualifique! Janderson Candido de Mattos - MCTS