Eliminado Linhas de Duas Tabelas PaixFilho Simultaneamente

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.

criado 22 de Nov de 2018
Marcos Frasson
81 pontos
editado 22 de Nov de 2018

Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

1 resposta

up 1 down
@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.
- editar
- x
  
  grosseiro ou ofensivo pouco construtivo obsoleto outro...
  Motivo
- criado 22 de Nov de 2018
  Marcos Michalski
  881 pontos
- 0
  
  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...
  — Marcos Frasson 22 de Nov de 2018
- 0
  
  $("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 Frasson 22 de Nov de 2018
- 0
  
  @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 Michalski 22 de Nov de 2018
- 0
  
  @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(){ });
  — Marcos Michalski 22 de Nov de 2018
Adicionar comentário

Caracteres restantes: 600
Quero acompanhar este tópico via email.

Comentário
Utilize formatação mini-Markdown: [link](http://exemplo.com) _italico_ **negrito** `codigo`.
Comentarios devem ter, no maximo, 600 caracteres. Se achar necessario, utilize links em vez de copiar código ou ainda edite sua pergunta/resposta para colocar mais informações

fluig forum

Eliminado Linhas de Duas Tabelas PaixFilho Simultaneamente

Comentário

1 resposta

Comentário

Não é a resposta que estava procurando? Procure outras perguntas com as tags processo paifilho desenvolvimento ou faça a sua própria pergunta.