Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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:
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
Dependendo do modal você pode adicionar ele como uma div chamada através de um link , daí logo dentro da div você pode fazer suas programações.
Ou através de uma echo caso uma confirmação.
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.
Aconselho que use uma lightbox com iframe dá página dentro da modal.
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...
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
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:
Se estás a usar o componente *M**odal* da biblioteca Bootstrap, vê se este exemplo ajuda.