Como eu excluo uma linha de uma tabela dinâmica através de uma caixa de diálogo de confirmação (modal)?
Até o momento eu consigo excluir apenas usando diretamente o botão excluir da própria linha na tabela, mas eu gostaria que houvesse um modal com uma confirmação, antes de a excluir.
Na tabela vem um botão remover aí eu clico nele e abre uma caixa de diálogo perguntando:
" Você tem certeza que deseja excluir? Sim Não"
O problema é que eu não estou conseguindo fazer excluir através desse botão Sim, apenas funciona quando clico no icon "remover" direto na tabela.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<table id="lista-tarefas" class="table table-bordered table-striped">
<thead class="bg-header-tb">
<th class="text-center text-uppercase">Nome</th>
<th class="text-center text-uppercase">Tipo</th>
<th class="text-center text-uppercase">Ação</th>
</thead>
<tbody>
<tr>
<td>Tarefa 1</td>
<td>Perguntas e Respostas</td>
<td class="text-center">
<p data-placement="top" data-toggle="tooltip" title="Editar" class="acoes-btn">
<button class="btn btn-primary btn-xs" data-title="Edit" data-toggle="modal" data-target="#edit" >
<span class="glyphicon glyphicon-pencil"></span>
</button>
</p>
<p data-placement="top" data-toggle="tooltip" title="Excluir" class="acoes-btn">
<button class="btn btn-danger btn-xs" data-title="Delete" data-toggle="modal" data-target="#delete">
<span class="glyphicon glyphicon-trash"></span></button>
</p>
</td>
</tr>
</tbody>
</table>
<!--caixa de dialogo-->
<div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="edit" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
<h4 class="modal-title custom_align" id="Heading">Excluir tarefa</h4>
</div>
<div class="modal-body">
<div class="alert alert-danger"><span class="glyphicon glyphicon-warning-sign"></span> Tem certeza que deseja excluir a tarefa?</div>
</div>
<div class="modal-footer ">
<button type="button" class="btn btn-primary" data-dismiss="modal"><span class="glyphicon glyphicon-ok-sign"></span> Sim</button>
<button type="button" class="btn btn-primary" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Não</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>