Tengo el siguiente código javascript (usando jquery) donde muestro en una ventana modal una tabla (dataTable) con datos obtenidos con ajax.
Tengo en la última columna un botón de "agregar" con el que agrego a un formulario los datos seleccionados de la tabla en la ventana modal. La primera vez que lo ejecuto todo funciona bien pero (sin refrescar la ventana), al hacer clic nuevamente en el botón agregar me dice que no está definida la variable data
.
Al cargar la ventana Modal tengo que utilizar el método destroy en la Datatable, porque si no me salta el error de que no se puede inicializar, etc, etc...
Sé que el tema pasa por allí pero no sé cómo hacer para que funcione.
Código javascript:
/*---------------------------------------------------------*/
/* Muestra una Ventana Modal Con Clientes para seleccionar */
/*=========================================================*/
buscarCliente = function(){
var cmdModal = $("#buscar").on("click", function () {
$('#modBuscaCliente').modal({show: true});
$('#tBusqueda').DataTable().destroy();
var table = $('#tBusqueda').DataTable({
"destroy": true,
"ajax": {
"method": "get",
"url": "/buscacliente/"
},
"language": {"url": "/json/datatables/Spanish.json"},
"lengthMenu": [[5, 10], [5, 10]],
"columns": [
{"data": "nrocliente"},
{"data": "cliente"},
{"data": "domicilio"},
{
"defaultContent": "<button type='button' class='selec btn btn-primary sm'></button>",
"className": "text-center"
}
],
"columnDefs": [
{"bSortable": false, "targets": 3}, {"width": "10%", "targets": [0]},
{"title": "N°", className: "center", "targets": [0]}
/*{ "title": "S", className: "center", "targets": [3]}*/
]
});
obtenerDatosCliente("#tBusqueda tbody",table);
})
/*==================================================================*/
var obtenerDatosCliente = function(tbody,table){
$(tbody).on("click","button.selec", function(){
var datos = table.row($(this).parents("tr")).data();
console.log( datos );
var idCliente = $("#idCliente").val(datos.idcliente),
cliente = $("#txtCliente").val(datos.cliente),
nroCliente = $("#txtNroCliente").val(datos.nrocliente),
domicilio = $("#txtDireccion").val(datos.domicilio);
});
}
/*===================================================================*/
} // Fin Buscar Cliente