Skip to main content
corrección de codigo
Origen Enlace
Marcos
  • 35.6k
  • 7
  • 36
  • 70

Prueba hacerlo así:

  • Modifica tu función groupNumber para que devuelva un arreglo de objetos con propiedades, por ejemplo, con id y number.

     public function groupNumber(){
       $queries = Group::where(function($query){
         $query->where('number','like','%'.Input::get('term').'%');
       })->take(5)->get();
    
       $results = [];
       foreach ($queries as $query) {
         $results[] = array(
           'id'=> $query->id,
           'number'=> $query->number
         );
       }
       return response()->json($results);
     }
    
  • Modifica tu código javascript, para que el autocomplete se inicialice de entrada y que en source utilice un función. Dentro de esta función ejecutamos un 'ajax' para buscar los posibles resultados para el valor ingresado (term). En el success del ajax, hay que formatear los datos a un formato que el autocomplete entienda.

     $("#txtGroupNumber").autocomplete({
       minLength:3,
       source: function(request, response) {
         $.ajax({
           type:"post",
           url: "../autocomplete/groupNumber",
           dataType: "json",
           data: {
             term: request.term
           },
           success: function(data) {
             // Al recibir los datos devueltos, los formateamos
             // de modo que el Autocomplete entienda cual es el valor (`value`)
             // y cual es el texto (`label`) para cada una de las opciones
             var formatted = [];
             $.each(data, function(index, info) {
               formatted.push({
                 label: info.nombrenumber,
                 value: info.id
               );
             });
    
             // Le pasamos los datos formateados al Autocomplete
             response(formatted);
           });
         }
       });
     });
    

Prueba hacerlo así:

  • Modifica tu función groupNumber para que devuelva un arreglo de objetos con propiedades, por ejemplo, con id y number.

     public function groupNumber(){
       $queries = Group::where(function($query){
         $query->where('number','like','%'.Input::get('term').'%');
       })->take(5)->get();
    
       $results = [];
       foreach ($queries as $query) {
         $results[] = array(
           'id'=> $query->id,
           'number'=> $query->number
         );
       }
       return response()->json($results);
     }
    
  • Modifica tu código javascript, para que el autocomplete se inicialice de entrada y que en source utilice un función. Dentro de esta función ejecutamos un 'ajax' para buscar los posibles resultados para el valor ingresado (term). En el success del ajax, hay que formatear los datos a un formato que el autocomplete entienda.

     $("#txtGroupNumber").autocomplete({
       minLength:3,
       source: function(request, response) {
         $.ajax({
           type:"post",
           url: "../autocomplete/groupNumber",
           dataType: "json",
           data: {
             term: request.term
           },
           success: function(data) {
             // Al recibir los datos devueltos, los formateamos
             // de modo que el Autocomplete entienda cual es el valor (`value`)
             // y cual es el texto (`label`) para cada una de las opciones
             var formatted = [];
             $.each(data, function(index, info) {
               formatted.push({
                 label: info.nombre,
                 value: info.id
               );
             });
    
             // Le pasamos los datos formateados al Autocomplete
             response(formatted);
           });
         }
       });
     });
    

Prueba hacerlo así:

  • Modifica tu función groupNumber para que devuelva un arreglo de objetos con propiedades, por ejemplo, con id y number.

     public function groupNumber(){
       $queries = Group::where(function($query){
         $query->where('number','like','%'.Input::get('term').'%');
       })->take(5)->get();
    
       $results = [];
       foreach ($queries as $query) {
         $results[] = array(
           'id'=> $query->id,
           'number'=> $query->number
         );
       }
       return response()->json($results);
     }
    
  • Modifica tu código javascript, para que el autocomplete se inicialice de entrada y que en source utilice un función. Dentro de esta función ejecutamos un 'ajax' para buscar los posibles resultados para el valor ingresado (term). En el success del ajax, hay que formatear los datos a un formato que el autocomplete entienda.

     $("#txtGroupNumber").autocomplete({
       minLength:3,
       source: function(request, response) {
         $.ajax({
           type:"post",
           url: "../autocomplete/groupNumber",
           dataType: "json",
           data: {
             term: request.term
           },
           success: function(data) {
             // Al recibir los datos devueltos, los formateamos
             // de modo que el Autocomplete entienda cual es el valor (`value`)
             // y cual es el texto (`label`) para cada una de las opciones
             var formatted = [];
             $.each(data, function(index, info) {
               formatted.push({
                 label: info.number,
                 value: info.id
               );
             });
    
             // Le pasamos los datos formateados al Autocomplete
             response(formatted);
           });
         }
       });
     });
    
Origen Enlace
Marcos
  • 35.6k
  • 7
  • 36
  • 70

Prueba hacerlo así:

  • Modifica tu función groupNumber para que devuelva un arreglo de objetos con propiedades, por ejemplo, con id y number.

     public function groupNumber(){
       $queries = Group::where(function($query){
         $query->where('number','like','%'.Input::get('term').'%');
       })->take(5)->get();
    
       $results = [];
       foreach ($queries as $query) {
         $results[] = array(
           'id'=> $query->id,
           'number'=> $query->number
         );
       }
       return response()->json($results);
     }
    
  • Modifica tu código javascript, para que el autocomplete se inicialice de entrada y que en source utilice un función. Dentro de esta función ejecutamos un 'ajax' para buscar los posibles resultados para el valor ingresado (term). En el success del ajax, hay que formatear los datos a un formato que el autocomplete entienda.

     $("#txtGroupNumber").autocomplete({
       minLength:3,
       source: function(request, response) {
         $.ajax({
           type:"post",
           url: "../autocomplete/groupNumber",
           dataType: "json",
           data: {
             term: request.term
           },
           success: function(data) {
             // Al recibir los datos devueltos, los formateamos
             // de modo que el Autocomplete entienda cual es el valor (`value`)
             // y cual es el texto (`label`) para cada una de las opciones
             var formatted = [];
             $.each(data, function(index, info) {
               formatted.push({
                 label: info.nombre,
                 value: info.id
               );
             });
    
             // Le pasamos los datos formateados al Autocomplete
             response(formatted);
           });
         }
       });
     });