Pessoal Boa Tarde.
Em um formulário tenho duas tabelas pai filho, a tabela A e tabela B, coloquei na tabela B a função customWdkAddChild que quando eu adicionar um campo na A seja também adicionado na B, isso funciona sem problemas, mas o problema é pra excluir as linhas das duas tabelas, tenho também a função de remover as linhas, mas só consigo excluir na A, não consegui manter o "sincronismo" de por exemplo quando eu excluir a linhas 5 da A, seja também excluído a linha 5 da B, alguém já preciso de algo? Poderia mandar um exemplo?
Agradeço.
@Marcos tente usar isso.
$("table#ID_TABLE_A").on("click", "i.fluigicon-trash", function () {
// Pega o index da linha
let indexTableA = $($(this).closest("tbody").find('tr:not(:first())')).index($(this).closest("tr"));
// Seta uma classe nas duas linhas a serem excluídas.
$("table#ID_TABLE_A tbody").find("tr:not(:first())").eq(indexTableA).addClass("tr--delete");
$("table#ID_TABLE_B tbody").find("tr:not(:first())").eq(indexTableA).addClass("tr--delete");
fnWdkRemoveChild(document.querySelector("tr.tr--delete"));
})
Não esqueça de remover o evento onclick do i.fluigicon-trash na tabela paixfilho.
Opa @Marcos, obrigado pelo envio do exemplo, coloquei os ID’s das minhas tabelas, coloquei esse código dentro de uma função e chamei ela no evento de onClick, ao clicar no botão de remover não está sendo excluído nem a linha da tabela A e nem da B, mas também não ocorre nenhum erro na console do navegador…
$(“table#itemS”).on(“click”, “i.fluigicon-trash”, function () {
// Pega o index da linha
let indexTableA = $($(this).closest(“tbody”).find(‘tr:not(:first())’)).index($(this).closest(“tr”));
// Seta uma classe nas duas linhas a serem excluídas.
$(“table#itemS tbody”).find(“tr:not(:first())”).eq(indexTableA).addClass(“tr–delete”);
$(“table#itemSE tbody”).find(“tr:not(:first())”).eq(indexTableA).addClass(“tr–delete”);
fnWdkRemoveChild(document.querySelector(“tr.tr–delete”));
});
//itemS e itemSE e o tablename das tabelas
@Marcos, não é o tablename que você vai usar. Cria um id, que pode ser o mesmo tablename, para cada tabela.Eu coloco o id assim: table+TableName que no seu caso ficaria assim tableItemSE e tableItemS
@Marcos, você não precisa criar uma função para chamar isso, pois o evento click já foi atribuído aos elementos do DOM. A única coisa que precisa fazer é colocar isso dentro de um $(“document”).ready(function(){ });