Bom dia.
Alguém sabe dizer como posso disparar um evento no JS do form quando clicar naquele botão de excluir/“lixeira” em um paixfilho?
Bom dia.
Alguém sabe dizer como posso disparar um evento no JS do form quando clicar naquele botão de excluir/“lixeira” em um paixfilho?
Olá, acredito que a melhor solução é criar um botão customizado.
Faz assim:
Na criação da tabela coloca a propriedade nodeletebutton=“true”
Cria uma botão igual ao padrão:
i class=“fluigicon fluigicon-trash fluigicon-md” style=“cursor: pointer;” onclick=“removeRow(this)”> /i
Funação removRow():
function removeRow(element) {
/*
seu código aqui
*/
/* Função para remover a linha */
fnWdkRemoveChild(element)
}
Isso vai funcionar.
Abs
Você pode customizar a função de delete. Conheço duas formas de fazer.
1. Você pode usar o botão de delete padrão
HTML
<table id="tabela" tablename="tabela" customFnDelete="fnCustomDelete(this)">
JS
function fnCustomDelete(oElement){
// Implementar função
// Revomer o registro filho
fnWdkRemoveChild(oElement);
console.log("Filho eliminado!");
}
2. Ou você pode criar um botão da forma que desejar e colocar o script nele (eu costumo usar dessa forma)
Neste caso, no onclick eu só chamei o evento de deletar o filho, mas quando preciso rodar algum script eu crio uma função e coloco ali.
Espero ter ajudado.
$(document).on(“click”, “.fluigicon-trash”, e => fnWdkRemoveChild(e.target))