Ao clicar em excluir, ele não chama a funcionalidade
$(".botaoExluir").click(function() {
var id = $('.input_id', this).val();
alert(id);
$('.modal_id').val(id);
$('#Modal-Confirma_Exclusao').modal('show');
alert(id);
});
Está faltando algo?
Código abaixo
<script type="text/JavaScript" charset="utf-8">
$(document).ready(function() {
$('#paises').DataTable();
});
</script>
<div class="main-content">
<div class="main-content-inner">
<div class="breadcrumbs ace-save-state" id="breadcrumbs">
<ul class="breadcrumb">
<li><i class="ace-icon fa fa-home home-icon"></i> <a href="../">Home</a>
</li>
<li class="active"><i
class="ace-icon fa fa-hand-o-right icon-animated-hand-pointer blue"></i>
<font class="pink"> Todos os países</font></li>
</ul>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="hr hr-18 hr-double dotted"></div>
<div class="widget-box">
<div class="col-xs-12 col-sm-5">
<br> <a href="#" onclick="javascript: location.href='novoPais'"
title="Novo">
<li class="ace-icon fa fa-search-plus bigger-130"></li>
</a>
</div>
<div class="widget-body">
<div class="widget-main">
<div id="fuelux-wizard-container">
<table id="paises"
class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th width="90%" style="text-align: center">Nome</th>
<th width="10%" style="text-align: center">Ações</th>
</tr>
</thead>
<tbody>
<c:forEach items="${listarPaises}" var="listaPais">
<tr>
<td>${listaPais.descricao}</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="green" href="#" title="Editar"
onclick="javascript: location.href='editarPais?id=${listaPais.id}'">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a> <a href="#">
<div class="botao botaoExluir" id="botao" title="Excluir">
<input type="hidden" value="${listaPais.id}" id="input_id"><span
class="glyphicon glyphicon-trash" aria-hidden="true"></span>
</div>
</a>
</div>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="Modal-Confirma_Exclusao">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title">
<span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
Mensagem de Notificação
</h4>
</div>
<div class="modal-body">
<center>
<span class="glyphicon glyphicon-exclamation-sign"
aria-hidden="true" style="font-size: 35px; color: #d9534f;"></span>
</br/>
<h4>Tem certeza que deseja excluir essa unidade de
atendimento?</h4>
</center>
</div>
<div class="modal-footer" style="text-align: center">
<button type="button" id="button_confirma_exclusao"
class="btn btn-primary button_confirma_exclusao"
data-dismiss="modal">Confirmar</button>
<input type="hidden" value="" class="modal_id"
id="modal_cod_unidade">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="Modal-Exclusao_Sucesso">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title">
<span class="glyphicon glyphicon-bell" aria-hidden="true"></span>Mensagem
de Notificação
</h4>
</div>
<div class="modal-body ">
<center>
<span class="glyphicon glyphicon-ok" aria-hidden="true"
style="font-size: 35px; color: #5CB85C;"></span> </br/>
<div class="texto_confirmacao" id="texto_confirmacao"></div>
</center>
</div>
<div class="modal-footer" style="text-align: center">
<button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(".botaoExluir").click(function() {
var id = $('.input_id', this).val();
alert(id);
$('.modal_id').val(id);
$('#Modal-Confirma_Exclusao').modal('show');
alert(id);
});
$(".button_confirma_exclusao").click(function() {
var id = $('.modal_id').val();
jQuery.ajax({
url : 'remover/' + id,
async : true,
success : function(data) {
$(".texto_confirmacao").html("<h4>" + data + "</h4>");
$('#Modal-Exclusao_Sucesso').modal('show');
//alert(data);
$("#row" + id).remove();
}
});
});
</script>