Ir para conteúdo
Entre para seguir isso  
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

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Entre para seguir isso  

×

Informação importante

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