php e bootstrap

[Junior Varoni 9]

Boa noite novamente.

Meu sistema esta na fase final, porem agora enrosquei em outro detalhe.

 

No meu painel adm lista todos meus cadastros. Ai em cada cadastro existe um botao editar o qual abre um modal do bootstrap.

A questá é. Eu sei que para editar meu produto vou precisar chamar o id dele para que quando eu clicar no botao editar, aparece o produto.

Mas como fazer isso com uma janela modal do boostrap?

<section class="promocao">
        <?php 
$produto = listar("produto", $parametros = null); 
$a = new ArrayIterator($produto);
while ($a->valid()){ 
?>
<div class="box_promo">
            <figure class="img_promo">
            <img src="../<?php echo $a->current()->prod_img; ?>">
            </figure>
            <h3><?php echo $a->current()->prod_nome; ?></h3>
            <h3><?php echo $a->current()->prod_preco; ?></h3>
            <p><?php echo $a->current()->prod_desc; ?></p>
 
 
            <a href="#myModal(<?php echo $a->current()->prod_id; ?>)" data-toggle="modal"><button class="edit">Editar</button></a>
 
 
            <button class="edit">Excluir</button>
        </div>
        <?php $a->next(); } ?>

A linha <a href="#myModal(<?php echo $a->current()->prod_id; ?>)" data-toggle="modal"><button class="edit">Editar</button></a> está com o php para descobrir o id do produto, porem se eu colocar esse php onde ele está, a janela não vai abrir, apenas aparece o id na url.

Quero pegar o id, abrir o modal e consegui lista o produto nesse modal para que eu possa edita-lo.

 

[Beraldo 864]

Você deve usar Javascript. Carregue os dados via Ajax.

 

Por exemplo:

 

 

<a href="#myModal" data-toggle="modal" data-id="<?php echo $a->current()->prod_id; ?>"><button class="edit">Editar</button></a>

 

Crie uma função JS que, ao clicar nesse botão, abra a modal e use o valor de data-id para buscar as informações no banco de dados e exibir na modal

[Maykel-ctba 233]

Eu faço uma div pra cada registro.

 

Ex:

<a id="#editarRegistro01">Editar 01</a>
<a id="#editarRegistro02">Editar 02</a>
<div id="editarRegistro01" class="modal">
    <form></form>
</div>
<div id="editarRegistro02" class="modal">
    <form></form>
</div>

[Junior Varoni 9]

Você deve usar Javascript. Carregue os dados via Ajax.

 

Por exemplo:

<a href="#myModal" data-toggle="modal" data-id="<?php echo $a->current()->prod_id; ?>"><button class="edit">Editar</button></a>

Crie uma função JS que, ao clicar nesse botão, abra a modal e use o valor de data-id para buscar as informações no banco de dados e exibir na modal

 

Ok, eu não entendo muito de js, mas poderei criar a função no msm arquivo js do modal só acrescentando esse data-id ao codigo existente?

[Beraldo 864]

o atributo data-id serve pra facilitar a busca pelo ID do objeto clicado. Não é obrigatório usá-lo, mas facilita.

 

Se estiver usando jQuery, basta usar a função date() para buscar esse valor. Dê uma olhada no evento click e entenderá melhor

[Junior Varoni 9]

o atributo data-id serve pra facilitar a busca pelo ID do objeto clicado. Não é obrigatório usá-lo, mas facilita.

 

Se estiver usando jQuery, basta usar a função date() para buscar esse valor. Dê uma olhada no evento click e entenderá melhor

 

Certo, deu uma pesquisada aqui e compriendi agora.

Muito obrigado peça informação denovo rs.

[EroSenin 0]

Olá bom dia, estou com um problema parecido ao seu. Teria como disponibilizar a solução?

Não consegui carregar os dados dentro da Modal.

 

Desde já obrigado pela atenção.