none
Pop-up de consulta. RRS feed

  • Pergunta

  • Pessoal preciso fazer uma janela de pup-up que funciona da seguinte forma: 

    O usuário clica no botão pesquisar abre-se uma janela para pesquisa, ele faz a pesquisa, o resultado é apresentado numa grid, ele seleciona o registro e então volta pra tela principal com ID e Descrição do registro selecionado.

    Gostaria de fazer isso preferencialmente com JQuery. 

    Alguém sabe como posso faze-lo?

    terça-feira, 20 de março de 2012 14:35

Todas as Respostas

  • Uma opção é usar jquery com modal popup, utilizando jquery ui.
    Você pode usar essa modal mostrando o conteúdo de uma div na página, depois retorna o valor.


    Procure por jquery UI, etc... 

    Se precisar manda email que te mando um exemplo...

    Abs

    terça-feira, 20 de março de 2012 19:42
  • Fiz o Seguinte codigo:


    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication4.WebForm1" %>


    <!DOCTYPE html>
    <html>
    <head>
      <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
      
      <script>
      $(document).ready(function() {
      $("#Button1").click(function (){
         $("#dialog").dialog();
       });
      });
      </script>
    </head>
    <body style="font-size:62.5%;">
     <form id="Form1" runat=server>
     <input id="Button1" type="button" value="button" />
        <br />
        <asp:TextBox ID="TextBox2" runat="server" Width="143px"></asp:TextBox><br />
        <br />
        <br />
     
     
     <div id="dialog" title="Pesquisa" style="display:none; width:365px;"  >


         <asp:DropDownList ID="DropDownList1" runat="server" Width="104px">
             <asp:ListItem>C&#243;digo</asp:ListItem>
             <asp:ListItem>Descri&#231;&#227;o</asp:ListItem>
         </asp:DropDownList>
         <asp:TextBox ID="TextBox1" runat="server" Width="150px"></asp:TextBox>
         <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="Pesquisar" /><br />
         <br />
         
         
         <asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333" GridLines="None" Width="355px">
             <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
             <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
             <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
             <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
             <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
             <EditRowStyle BackColor="#999999" />
             <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
         </asp:GridView>
        
    </div>


     </form>
    </body>
    </html>

    Porém quando clico no botão2 o evento não dispara, pq isso acontece?

    terça-feira, 20 de março de 2012 20:14
  • Ricardo,

    Segue um artigo que pode te ajudar.

    Em vez de você fazer assim com PopUp, é melhor usar o componente extender do Ajax. Você abre a página acima da primeira e não precisa de liberação do browser para abrir popup. O problema de popup hoje são os bloqueadores.

    http://ecode10.com/artigo/1081/O+segredo+de+utilizar+ModalPopupExtender.aspx


    Espero ter ajudado. Se ajudei, favor marcar no fórum falando que foi útil.

    Mauricio Junior - Comunidade www.ecode10.com

    • Sugerido como Resposta Mauricio-Junior quarta-feira, 21 de março de 2012 13:01
    quarta-feira, 21 de março de 2012 13:01
  • esse exemplo eh +/- o que quero.

    Preciso de um modal que me permita fazer uma pesquisa apresenta-la na grid, e após o usuário selecionar um registro na grid, retornar para a pag. principal com o registro selecionado

    quarta-feira, 21 de março de 2012 14:54