Tengo un problema al usar DataTables al procesar datos desde el servidor, mi problema consiste al crear una tabla con información, cada fila debe tener las opciones de editar y eliminar, la cual no logro solucionar.
Mi código de como proceso la información de JavaScript:
$('#tablaLocalidad').DataTable({
"processing": true,
"serverSide": true,
"ajax": "{{ route('datalocalidades') }}",
"columns":[
{ data: "idLocalidad" },
{ data: "nombreLocalidad" },
{ data: "nombreMunicipio" },
{
mRender: function ( data, type, row, meta ) {
return '<a href="" class="btn btn-success btn-sm fa fa-pencil-square-o" data-toggle="modal" data-target="#editarLocalidad" title="Editar" v-on:click.prevent="editarLocalidad()"> Editar  </a>';
}
}
]
});
solo logro visualizar un botón la cual es el de editar, pero no logro que se ejecute el código del evento que lo tengo en vue: El código de Vue solo es una función así:
editarLocalidad:function(){
console.log("se ejecuto la function...");
}
Solo es un ejemplo para ver si entra a ejecutar y ese es un de los problemas que no logro solucionar.
El otro problema es que no se como agregar otro botón que es el de Eliminar, cuando creo otro mRender me marca error, en este caso como seria para agregar dos botones dentro de Datable?
Lo que intente hacer fue esto:
{
mRender: function ( data, type, row, meta ) {
return '<a href="" class="btn btn-success btn-sm fa fa-pencil-square-o" data-toggle="modal" data-target="#editarLocalidad" title="Editar" v-on:click.prevent="editarLocalidad()"> Editar  </a>';
}
},
{
mRender: function ( data, type, row, meta ) {
return '<a href="" class="btn btn-success btn-sm fa fa-pencil-square-o" data-toggle="modal" data-target="#editarLocalidad" title="Editar" v-on:click.prevent="editarLocalidad()"> Editar  </a>';
}
}
Pero no me funciona, alguien sabe como puedo solucionar esto?
Otro dado es que para el procesamiento del lado del procesador estoy usando yajra