0

Tengo una tabla hecha con datatables de tipo server-side pero a la hora de filtrar, ej: "ing" ignora que existe "Ingeniero", es decir, toma en cuenta las mayúsculas y minúsculas. ¿Como puedo evitar eso?

Acá el código de mi tabla:

var table = $('#table').DataTable({
    "destroy": true,
    "responsive": true,
    "processing": true,
    "serverSide": true,
    "ajax": "tabla/cargos",
    "columns": [
        {data: 0, searchable: false, orderable: false, render: function( data, type, full, meta ){
                return meta.row+1;
            }
        },
        {data: 1},
        {data: 2, 
            render: function( data, type, full, meta ){
                if (data) {
                    return '';
                }else {
                    return '';
                }
            }
        },
        {data: 3, searchable: false, orderable: false},
    ],
    "fnDrawCallback": function() {
        $("[name='my-checkbox']").bootstrapToggle();
    },
    order: [[1, 'asc']],    
    "language": {
        "url": "js/idioma_espaniol_datatables.js"
    },
    initComplete: function (data) {

        var column1 = this.api().column(1);
        $('#filter_nombre').keyup(function() {
            var val = $.fn.dataTable.util.escapeRegex(
                $(this).val()
            );
            column1.search(val).draw();
        });

        var column5 = this.api().column(2);
        $('#estados').on( 'change', function () {
            var val = $.fn.dataTable.util.escapeRegex(
                $(this).val()
            );
            column5.search(val).draw();
        });
    }
});

Actualización 1:

public function tabla(){
    try{
        $sql = Cargos::select(array('id', 'nombre', 'status'));
        return Datatables::of($sql)
        ->addColumn('action', ' Editar  Eliminar')
        ->make();
    }catch(\Illuminate\Database\QueryException $e){
        $array = array(
            'mensaje' => $e->getMessage(),
            'codigo' => $e->getCode(),
            'sql' => $e->getSql(),
            'bindings' => $e->getBindings(),
        );
        return Response::json(array('ErrorSql' => $array));
    }
}
8
  • El problema esta en tu backend, ya que es el que hace realmente el filtro. Si fuera client-side, el problema si estaría en el datatable
    – Marcos
    Commented el 9 ene. 2017 a las 20:40
  • @MarcosGallardo ok investigare al respecto, si consigo una solución la posteare como respuesta :D
    – bypabloc_
    Commented el 9 ene. 2017 a las 20:54
  • Podrías editar tu pregunta y agregar el código que devuelve el la lista filtrada para que podamos ayudarte.
    – Marcos
    Commented el 9 ene. 2017 a las 20:57
  • Se realiza la consulta a una base de datos o sobre objectos Datatable? Si es una base de datos, que collation usa?
    – McNets
    Commented el 9 ene. 2017 a las 21:25
  • disculpa mi ignorancia que es "collation"?
    – bypabloc_
    Commented el 9 ene. 2017 a las 21:29

1 respuesta 1

1

Como dice el comentario de @MarcosGallardo,

El problema esta en tu backend
Investigue como hacerlo del lado del servidor.

Acá como se crea y su consulta con ajax:

var table = $('#table').DataTable({
    "filter": false,
    "destroy": true,
    "responsive": true,
    "processing": true,
    "serverSide": true,
    "ajax": {
        url: 'tabla/cargos',
        method: 'POST',
        data: function (d) {
            d.nombre = $('input[name=filter_nombre]').val(); //campo del cual obtendremos el dato a filtrar
        }
    },
    "columns": [
        {data: 0, searchable: false, orderable: false, render: function( data, type, full, meta ){
                return meta.row+1;
            }
        },
        {data: 1},
        {data: 2, 
            render: function( data, type, full, meta ){
                if (data) {
                    return '';
                }else {
                    return '';
                }
            }
        },
        {data: 3, searchable: false, orderable: false},
    ],
    "fnDrawCallback": function() {
        $("[name='my-checkbox']").bootstrapToggle();
    },
    order: [[1, 'asc']],    
    "language": {
        "url": "js/idioma_espaniol_datatables.js"
    },
    initComplete: function (data) {
        $('#filter_nombre').keyup(function(e) { //aca el evento keyup para que filtre cada vez que presiones una tecla.
            table.draw(); //y aca ejecuta de nuevo la tabla y llamara el valor del campo.
            e.preventDefault();
        });
    }
});

Del lado del servidor:

public function tabla(Request $request){ //tiene que tener el request para obtener los campos que se estan enviado de la vista para aca
    try{
        $sql = Cargos::select(array('id', 'nombre', 'status'));
        return Datatables::of($sql)
        ->filter(function ($query) use ($request) {
            if ($request->has('nombre')) { //verificamos que venga el campo
                $query->where('nombre', 'ilike', "%{$request->get('nombre')}%"); //el "ilike" es el que consultara obviando las mayusculas y minusculas
            }
        })
        ->make();
    }catch(\Illuminate\Database\QueryException $e){
        $array = array(
            'mensaje' => $e->getMessage(),
            'codigo' => $e->getCode(),
            'sql' => $e->getSql(),
            'bindings' => $e->getBindings(),
        );
        return Response::json(array('ErrorSql' => $array));
    }
}

Pagina fuente

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.