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
    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!! el 14 feb. 2019 a las 12:38
  • verifica por consola que trae tu peticion ajax 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 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!! 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
    el 14 feb. 2019 a las 17:12
  • 1
    excelente!! muchísimas gracias!! 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

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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