0

estoy con un problema con el plug-in autocomplete de jquery-ui en codeigniter. Para empezar a contarles mi problema debo decir que soy un entusiasta en el tema de la programación, muy novato. y estoy siguiendo un tutorial para la creación de un sistema de ventas y control de stock. Dicho esto les explico lo q me gustaría hacer, en mi vista ventas en el campo productos quiero que al escribir 2 letras se active el plu-gin auto complete. creo que el código esta hecho como se me indicó pero por algún motivo no estoy consiguiendo el resultado q busco, mi codigo es el siguiente..

ESTE ES EL INPUT EN LA VISTA

<div class="form-group">
  <div class="col-md-6">
    <label for="">Producto:</label>
    <input type="text" class="form-control" id="producto">
  </div>
  <div class="col-md-2">
    <label for="">&nbsp;</label>
    <button id="btn-agregar" type="button" class="btn btn-success btn-flat btn-block"><span class="fa fa-plus"></span> Agregar</button>
  </div>
</div>

CONFIGURACION DEL PLUG-IN

$("#producto").autocomplete({
    source:function(request, response){
        $.ajax({
            url: base_url+"movimientos/ventas/getproductos",
            type: "POST",
            dataType: "json",
            data:{ valor: request.term},
            success:function(data){
                response(data);
            }
        });
    },
    minLength:2,
    select: function(event, ui){
        data = ui.item.id_producto +"*"+ ui.item.codigo_producto +"*"+ ui.item.nombre_producto +"*"+ ui.item.precio_producto +"*"+ ui.item.stock_producto;
        $("#btn-agregar").val(data);
    },
});

FUNCION GETPRODUCTO DEL CONTROLADOR

public function getproductos()
{
    //alert("entro en el controlador");
    $valor = $this->input->post("valor"); //CAPTURA LA VARIABLE Q SE ESTA ENVIANDO;
    $clientes = $this->Ventas_models->getproductos($valor); //ALMACENA LO QUE SE RECIBE DEL MODELO GETPRODUCTOS
    echo json_encode($clientes);
}

FUNCION GET PRODUCTO DEL MODELO

    public function getproductos($valor)
{
    //alert("entro en model");
    $this->db->select("id_producto,codigo_producto,nombre_producto,precio_producto,stock_producto");
    $this->db->from("productos");
    $this->db->like("nombre_producto",$valor);
    $resultados = $this->db->get();
    //var_dump($resultados);
    return $resultados->result_array();
}

Espero alguno pueda darme una mano. Muchas gracias de antemano!!

11
  • 1
    En tu función getproductos() tienes la siguiente linea que tiene error de sintaxis: $resultados = $dthis->b->get(); ¿La tienes así en tu código o ha sido cosa de transcribirla aquí?
    – phpMyGuel
    Commented el 14 feb. 2019 a las 11:56
  • gracias por el comentario, amigo, pero fue un error a la hora de transcribir nada mas.. sigue sin funcionar.. aparece una lista debajo del campo pero vacia.. saludos!! Commented el 14 feb. 2019 a las 12:38
  • verifica por consola que trae tu peticion ajax Commented el 14 feb. 2019 a las 14:00
  • success:function(data){ console.log(data); response(data); }............con eso te mostrara que traes desde tu consulta a php Commented el 14 feb. 2019 a las 14:01
  • Que útil!! no conocía esa herramienta. hice la consulta y no me estira ningún dato, estoy mirando mi código, pero no consigo encontrar donde puede estar mi error. gracias x la guía amigo!! saludos!! Commented el 14 feb. 2019 a las 14:24

2 respuestas 2

0

por alguna razón, el campo input tiene q estar definido como label, le puse nombre_producto as label en el modelo y en vez de llamar nombre_producto en la configuración del plug-in llame directo label y me funciono.. LABEL es aparentemente una funcion definida del auto complete??

2
  • No, lo que sucede es que por alguna razón, necesitas darle un as (alias) a tus campos en el select, justo eso te iba a indicar ahorita, que lo que te hacía falta entonces era agregar en tu consulta nombre_producto as nombre_producto y lo mismo para cada campo del select, por alguna razón la cual desconozco te obliga a definirle un alias. Prueba darle un as a cada campo y de esa manera solucionar tu inconveniente, no es necesario label PS:lo que puede suceder es que tu consulta esté devolviendo un nombre x y por eso te obliga el alias para crear un objeto json: {nombre_producto: "x",...}
    – Lud Osorio
    Commented el 14 feb. 2019 a las 17:12
  • 1
    excelente!! muchísimas gracias!! Commented el 14 feb. 2019 a las 17:14
0

Aquí te muestro un ejemplo

<script>
            $(document).ready(function(){
                  var ValoresAutocompletar = [
                        "ARGENTINA",
                            "ARGELIA",
                            "PERU",
                            "BRASIL",
                            "POLONIA"
                    ];

                  $("#autocom").autocomplete({
                  source: ValoresAutocompletar

                  })

            })

    </script>



 <form>
                        <label for="autocom"><strong>NIVEL</strong></label>

                            <input type="text" size="25"  id="autocom" placeholder="Escribe" class="form-control">

                        </form>

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.