Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

icarof

PHP e Janela Modal Bootstrap

Recommended Posts

Olá amigos

Sei que ja postei isso, mas não explanei bem o que queria, e fique sem resposta, vamos lá:

tenho um pagina onde faço uma consulta sql em um laço while e ela exibe vários registros, na tabela, onde tenho os botões para editar, e deletar.

normalmente passo a id pela a url e faço em outra pagina, mas preciso fazer isso em uma janela modal, agora fica a questão:

- Como passo o valor da ID para a janela Modal?

todas as postagens e soluções que achei envolve jquery, mas sou leigo nesse assunto, e eles não explicaram bem como usar a solução que deram, apenas jogaram o código em tela.

Como posso passar esses valores e como posso recupera-los para usar na modal?

a modal deve estar dentro do laço While ou fora?

Uso bootstrap

Compartilhar este post


Link para o post
Compartilhar em outros sites

Amigo,

crie um botão, coloque onclick='novo(<?php $row->id ?>)' ou onclick='novo(<?php $row['id'] ?>)' se você tiver usando o php, pode passar o ID assim.

O modal n deve estar dentro do laço, mas o botão deve, pois você só vai conseguir recuperar o ID do back se for em um laço.

Não use while pra recuperar nada na modal. Faz assim:

function carregaDadosNovoJSon(id){    		$.post('/TUA_URL', {    			id: id    		}, function (data){    			$('#nome').val(data.nome);    		}, 'json');    	}

No back tu vai precisar fz um json_encode(dados) pra devolver pro jquery.

E ai você mostra nos inputs assim:

<input type='text' name='nome' id='nome'>

Coloca o ID do input = o id q você passou no jquery.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Vamos dividir em dois problemas...
Eu sempre faço isso qnd 'travo' e me ajuda bastante...


Pra falar a verdade você meio que já fez isso...

  • Como passo o valor da ID para a janela Modal?

Você precisa saber utilizar os eventos do JavaScript,

Manipular uma string, pegar um simples data atribute normalmente resolve...

<button class="btn-editar" data-myid="3">Editar</button>

Ai nesse caso só estudando mesmo...

https://github.com/gabrieldarezzo/helpjs-ravi

  • Como posso passar esses valores e como posso recupera-los para usar na modal?

ARAAAA, sabia que ia utilizar esse tutorial de ajax! (veja abaixo o link)

Basicamente você prepara o ambiente para trabalhar com chamadas Ajax... ficando as sub-tarefas:

1 - Efetuar a chamada do ajax, enviado os parâmetros corretos
2 - Receber a chamada em ajax (lado servidor) e executar, trazendo a mensagem, informação resposta, atualizando bd, etc.


Tem um tutorial que fiz no GitHub explicando o basicão do Ajax, que atende os itens acima.
https://github.com/gabrieldarezzo/desafiosInternos/tree/master/ajax

Ele aborda passagem de parâmetros, (apesar que seu tópico me deu uma ideia de expandir um pouquinho esse tutorial)

E também recebimento (seria o retorno do Modal).

Depois que você dominar individualmente esses caras, ai se pensa em Bootstrap:

http://www.w3schools.com/bootstrap/bootstrap_modal.asp

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.