none
AjaxTollKit - ModalPopUp Extender RRS feed

  • Pergunta

  • Pessoal,

    Sou muito novato em AjaxTollKit e estou precisando de uma ajuda onde nos foruns só achei coisa muito complexa e não consegui implementar.

    Seguinte, tenho um form de login onde ele terá um botão de "Esqueci minha senha" que este chamará o popup com o form onde será feito o pedido do reset informando o e-mail atual do usuário. Pergunta: como eu utilizo o modal? Apanhei horrores e não consegui se quer fazer aparecer o form no padrão de tela escura e o form pronto para ser utilizado pelo usuário. alguém pode me ajudar?

    Desde já agradeço!
    Att, Lindolfo Junior
    segunda-feira, 14 de dezembro de 2009 18:55

Todas as Respostas

  • Você já deu uma olhada nesse site:

    http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ModalPopup/ModalPopup.aspx

    Acho que o exemplo ai está fácil de compreender. Basta vc colocar os elementos do formulário dentro de um Panel
    e chamá-lo no modal, e configurar os botões de "ok" e "cancelar".
    segunda-feira, 14 de dezembro de 2009 19:19
  • Este vídeo explica como fazer o modalpopup passo a passo.
    http://www.asp.net/learn/ajax-videos/video-85.aspx

    Abraço
    terça-feira, 15 de dezembro de 2009 11:57
  • Fale,

    Cria um .js dessa forma de acordo com a listagem 1 e um exemplo de como usar essa function do .js conforme a listagem 2, não esquecer de colocar na página o local que está o .js  veja a listagem 3.

     

    Listagem 1:

    //Adiona o Modal PopUp

    function ShowModalDialog(url, parametro, campo){

     var retorno='';

     if(document.getElementById(campo).value=='')

     {

        alert('Campo Obrigatório!!!');

        document.getElementById(campo).focus();

        return false;

     }

     else

     {

         retorno = showModalDialog(url + "&" + parametro + "=" + document.getElementById(campo).value,"window",'help:no;status:no;scroll:yes;edge:raised;dialogWidth:700px;edge:raised;dialogHeight:650px')

         if(retorno!='' && retorno!=null)

         {

            document.getElementById(campo).value=retorno;

         }

         return true;

     }

    }

     

    Listagem 2:

     

    <asp:ImageButton ID="imgBtnPesquisar" runat="server" AlternateText="Consultar"

                                ImageUrl="caminho_da_imagem.png"

                                OnClientClick="return ShowModalDialog('Default2.aspx?Tipo=1','oi','txtNomeTextbox');" />

     

    Listagem 3:

     

    <script src="Nome_do_javascript.js" type="text/javascript"></script>

    Abraço!


    Se a resposta solucionar sua dúvida, favor - Votar como Útil Abraço!
    quarta-feira, 16 de dezembro de 2009 02:28