$(document).ready(function () {
$.ajaxSetup({ cache: false });
// busca os elementos do atributo data-modal e o vincula ao evento click
$('a[data-modal]').on('click', function (e) {
// Abre a janela modal com o formulário solicitado
openmodal(this.href);
return false;
});
$('table').on('click', 'a[data-modal]', function (e) {
openmodal(this.href);
return false;
});
$('#modalCep').on('hidden.bs.modal', function () {
$('#contentModal').html('');
});
dataTablePrincipalLoad();
});
function openmodal(url) {
// Faz uma requisição Get e carrega o formulário na janela modal
$('#contentModal').load(url, function () {
$('#modalCep').modal({
keyboard: true
}, 'show');
//Enviar o foco para campo Descrição
$('#modalCep').on('shown.bs.modal', function (event) {
$("#txtCep").focus();
});
// Vincula o evento submit
bindForm(this);
});
}
function bindForm(dialog) {
// Vincula o formulário na janela modalcom o evento submit
$('form', dialog).submit(function () {
if ($(this).valid()) {
// Realiza uma querisição ajax
$.ajax({
url: this.action,
type: this.method,
data: $(this).serialize(),
success: function (result) {
// Se a requisição for satisfatória, a página atual é recarregada
if (result.success) {
window.location = window.location;
window.location.reload(); //Ajuda na exclusao, atualizando o grid
} else {
$('#contentModal').html(result);
bindForm();
}
}
});
return false;
} else {
return false;
}
});
}
function dataTablePrincipalLoad() {
$('.dataTables_filter input').attr('placeholder', 'Search...').hide();
var table = $("#dtPrincipal").DataTable({
"processing": true, // for show progress bar
"serverSide": true, // for process server side
"filter": true, // this is for disable filter (search box)
"orderMulti": false, // for disable multiple column at once
//"dom": '<"top"i>rt<"bottom"lp><"clear">',
"ajax": {
"url": '/cep-gerenciamento/getCeps',
"type": "POST",
"datatype": "json"
},
"columnDefs": [
{ className: "align-center", "targets": [3] },
{ className: "align-right", "targets": [0] },
{
"targets": [0],
"visible": true,
"searchable": false,
"render": function (data, type, row) {
return data.substring(0, 5) + "-" + data.substring(5);
}
}
],
"columns": [
{ "data": "cepId", "name": "Cep", "autoWidth": true },
{ "data": "endereco", "name": "endereco", "autoWidth": true },
{ "data": "complemento", "name": "complemento", "autoWidth": true },
{ "data": "bairro", "name": "bairro", "autoWidth": true },
{ "data": "cidade", "name": "cidade", "autoWidth": true },
{ "data": "uf", "name": "uf", "autoWidth": true },
{
"render": function (data, type, full, meta) {
return '<a btnEditar title="Editar" data-modal="" href="/cep-gerenciamento/editar-cep/' + full.cepId + '" class="btn btn-sm btn-icon btn-pure btn-default on-default edit-row"><span class="icon-2x wb-edit"></span></a> |' +
'<a title="Detalhes" data-modal="" href="/cep-gerenciamento/detalhes-cep/' + full.cepId + '" class="btn btn-sm btn-icon btn-pure btn-default on-default footable-row-detail-row"><span class="icon-2x wb-search"></span></a> |' +
'<a title="Excluir" data-modal="" href="/cep-gerenciamento/remover-cep/' + full.cepId + '" class="btn btn-sm btn-icon btn-pure btn-default on-default remove-row"><span class="icon-2x wb-trash"></span></a> |' +
'<a title="Histórico" class="btn btn-sm btn-icon btn-pure btn-default on-default clockpicker" data-toggle="modal" data-target="#pessoaHistory" data-original-title="Histórico"><span class="icon-2x wb-time"></span></a>'
}
}
],
"language": {
"sEmptyTable": "Nenhum registro encontrado",
"sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
"sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
"sInfoFiltered": "(Filtrados de _MAX_ registros)",
"sInfoPostFix": "",
"sInfoThousands": ".",
"sLengthMenu": "_MENU_ resultados por página",
"sLoadingRecords": "Carregando...",
"sProcessing": "Processando...",
"sZeroRecords": "Nenhum registro encontrado",
"sSearch": "Pesquisar",
"searchPlaceholder": "Digite algo...",
"oPaginate": {
"sNext": "Próximo",
"sPrevious": "Anterior",
"sFirst": "Primeiro",
"sLast": "Último"
},
"oAria": {
"sSortAscending": ": Ordenar colunas de forma ascendente",
"sSortDescending": ": Ordenar colunas de forma descendente"
}
}
});
$('.search-input').on('keyup change', function () {
var index = $(this).attr('data-column'),
val = $(this).val();
table.columns(index).search(val.trim()).draw();
});
};
