Pesquisa em janela modal

[Anderson-Modolon]

Boa tarde,

Necessito fazer uma janela modal para consultar produtos, seria mais ou menos assim: tem um campo de texto para o nome do produto, e um botão ao lado que abre uma janela para consultar os produtos, depois escolho um e a janela desaparece, trazendo o nome e o id do produto selecionado.

Alguém já fez alguma busca deste tipo? e caso sim, qual (quais) seriam os plugin recomendados?

Att,

Anderson

[Edwin Schissato]

Fiz o que vc descreveu da seguinte forma:

Eu criei uma classe php que cria 2 input text e 1 botão, o primeiro input é uma busca por código( o usuário digita e da enter ou tab , é executado um ajax que busca o produto ) , o segundo input é um autocomplete da descrição e o botão abre uma modal com um grid que lista os produtos, ao clickar 2 vezes em uma linha do grid seleciona o produto.Na modal do grid foram adicionados filtros que atualizam o grid conforme digita a descrição, por exemplo, ou seja a modal é uma busca detalhada.

Ao selecionar um produto por qualquer meio: busca direta , autocomplete ou modal é preenchido os 2 input e um hidden que é o ID.

Para isso tudo funcionar eu utilizei varios plugins jquery:

- jQuery UI , jQuery Dialog para a modal, jQuery datepicker em filtros da modal;

- jQuery alphanumeric http://blog.shiguenori.com/2009/05/18/jquery-alphanumeric/ , também utilizado nos filtros da modal;

- jqGrid para o grid da modal http://www.trirand.com/blog/jqgrid/jqgrid.html

- autocomplete do campo de descrição: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

- jQuery para os ajax e todas as operações javascript necessárias.

Não php eu não utilizei nenhuma classe , eu mesmo criei . Essa classe php (jqseeker.php) cria o html , e o javascript.

como todos os dados buscados são por ajax : busca direta, busca autocomplete, lista do grid , ficou facil utilizar essa busca para qualquer coisa : clientes , produtos , fornecedores, basta criar os 3 arquivos php executados via ajax e configurar apenas os campos que aparecem no grid / filtros da modal .

Explicando bem mais ou menos é isso que eu fiz, espero que tenha conseguido passar a idéia.

--
--
Essa mensagem faz parte do grupo "zfbrasil" no Google Groups.
Para escrever neste grupo, envie um email para zfbr...@googlegroups.com
Para se desligar do grupo, envie um email para zfbrasil-u...@googlegroups.com
Mais informações, visite o grupo em http://groups.google.com/group/zfbrasil?hl=pt-BR
---
Você está recebendo esta mensagem porque se inscreveu no grupo "Zend Framework Brasil" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para zfbrasil+u...@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.
 
 

[Edwin Schissato]

Esqueci de comentar que a modal eu criei um plugin que unifica a criação da diaglo, grid filtros , etc , esse plugin é utilizado na classe php que monta o html / js.

[Rafael Rocha]

https://groups.google.com/forum/?fromgroups=#!topic/zfbrasil/Wyd3De3U_UI

--
Atenciosamente, 

Rafael Rocha

Analista de sistemas

MSN, GTalk: raf...@gmail.com

Twitter: @rafael_orocha

https://rafaelti.wordpress.com/

https://divulgacaoufmg.wordpress.com

http://br.linkedin.com/pub/rafael-rocha/26/742/129

[Anderson-Modolon]

Agradeço pela sua resposta, porém a dúvida é bem menos complexa: seria de como fazer para trocar valores de variáveis entre a janela pai e a janela filha (e vice-versa).

Att,

Anderson

[Edwin Schissato]

Se você usar uma modal ( basicamente é uma div que aparece em forma de janela) , a troca de valores é apenar pegar o valor de um campo e colocar no outro, exemplo:

Digamos que na modal tem o input com o id texto1 e na tela principal tem o input texto2 :

document.getElementsById("texto2").value = document.getElementsById("texto1").value;

ou em jQuery:

$("#texto2").val($("#texto1").val());

Se você utilizar iframe é um pouco diferente , mas eu não aconselho usar iframe.

[Anderson-Modolon]

Olá,

mas se eu utilizar desta forma, suponhamos que passei um valor da janela pai para a filha, e na janela filha, ao clicar em "consultar produtos" não recarregaria a página toda? ou é possível dar à div um comportamento de janela (desconheço se for possível), onde ao dar o submit no formulário de pesquisa carregaria somente a div?

[Josiel Rocha]

A idéia seria colocar a "janela filha" como uma espécie de filtro?

_________________________________

Josiel Rocha - josiel...@gmail.com

Tel.: (11) 6119-6265

[Edwin Schissato]

Sim é possível dar a uma div o comportamento de janela, mas como você disse ao clickar em "consultar produtos" não submiteria um formulario , mas sim executaria um ajax que retorna os produtos.

Veja os exemplos do jQuery UI dialog: http://jqueryui.com/dialog/ , é uma div como se fossem janelas.

[Anderson-Modolon]

Olá,

seria como coloquei na descrição inicial.

"Necessito fazer uma janela modal para consultar produtos, seria mais ou menos assim: tem um campo de texto para o nome do produto, e um botão ao lado que abre uma janela para consultar os produtos, depois escolho um e a janela desaparece, trazendo o nome e o id do produto selecionado."

Se não ficou claro avisa q eu explico com mais detalhes.

Att,

Anderson