Função jquery para de funcionar ao fazer preenchimento dados com requisição ajax
10/12/2018
0
Tenho a matriz, categoria => produto
Categoria A Categoria B Categoria C
Produto A1 Produto B1 Produto C1
Produto A2 Produto B2 Produto C2
Produto A3 Produto B3 Produto C3
Quando um select com todas as categorias é acionado, ativo a seguinte função que faz a requisição, dos dados para preencher a tabela, e cada linha da tabela é tratada como um botão que ao ser clicado abre uma modal (na tabela é apenas uma coluna, onde lista os nomes dos produtos)
Ao terminar a requisição a tabela é preenchida normalmente, entretanto a seguinte função, que é para o preenchimento dos dados de um formulário na modal para de funcionar, e a modal é aberta sem preenchimento dos dados:
fiz um teste e fiz a requisição dos dados do formulário sem trocar a categoria, os dados são preenchidos normalmente, mas quando ocorro a troca de dados da tabela ao trocar a categoria, a modal é aberta com o formulário da ultima requisição (ou seja, a função para de funcionar);
As 2 funções funcionam, mas quando a 1ª é ativada, a segunda não funciona mais, e aparentemente tudo é carregado na tabela igual ao anterior.
OBS: tanto a tabela, quando o formulário são com BOOTSTRAP 4, não sei se isso irá influenciar em algo, mas espero que possam me ajudar
Categoria A Categoria B Categoria C
Produto A1 Produto B1 Produto C1
Produto A2 Produto B2 Produto C2
Produto A3 Produto B3 Produto C3
Quando um select com todas as categorias é acionado, ativo a seguinte função que faz a requisição, dos dados para preencher a tabela, e cada linha da tabela é tratada como um botão que ao ser clicado abre uma modal (na tabela é apenas uma coluna, onde lista os nomes dos produtos)
$("#categorias").change(function () {
var cat = $(this).val();
$.ajax({
type: 'POST',
url: 'paginas/pedidos/json_tabela.php',
data: {c: cat},
success: function (tabela) {
$('#tbl_produto').html(tabela);
}
});
});
Ao terminar a requisição a tabela é preenchida normalmente, entretanto a seguinte função, que é para o preenchimento dos dados de um formulário na modal para de funcionar, e a modal é aberta sem preenchimento dos dados:
$('.btn_produto').click(function () {
var id = $(this).attr('id');
alert(id);
$.ajax({
type: 'POST',
url: "paginas/pedidos/json_form.php",
data: {id: id},
dataType: 'json',
success: function (json) {
$('#nome_form').val(json.nome);
}
});
});
fiz um teste e fiz a requisição dos dados do formulário sem trocar a categoria, os dados são preenchidos normalmente, mas quando ocorro a troca de dados da tabela ao trocar a categoria, a modal é aberta com o formulário da ultima requisição (ou seja, a função para de funcionar);
As 2 funções funcionam, mas quando a 1ª é ativada, a segunda não funciona mais, e aparentemente tudo é carregado na tabela igual ao anterior.
OBS: tanto a tabela, quando o formulário são com BOOTSTRAP 4, não sei se isso irá influenciar em algo, mas espero que possam me ajudar
Epitacio
Curtir tópico
+ 0
Responder
Posts
Clique aqui para fazer login e interagir na Comunidade :)