Ejemplo de input autocomplete con jquery ui - Historial de revisiones

Henry.stivens: Deshecha la revisión 4330 de Lucker2 (disc.)

2018-04-03T18:31:36Z

Deshecha la revisión 4330 de Lucker2 (disc.)

Lucker2: Deshecha la revisión 4274 de Joanhey (disc.)

2018-04-03T17:52:20Z

Deshecha la revisión 4274 de Joanhey (disc.)

Joanhey: Revertidos los cambios de Lucker2 (disc.) a la última edición de 200.104.184.123

2017-04-07T10:37:16Z

Revertidos los cambios de Lucker2 (disc.) a la última edición de 200.104.184.123

Lucker2 en 10:16 7 abr 2017

2017-04-07T10:16:50Z

200.104.184.123: /* Creando el Controlador */

2011-12-04T13:30:57Z

Creando el Controlador

Manuel j555 en 21:02 1 dic 2011

2011-12-01T21:02:27Z

Manuel j555 en 20:58 1 dic 2011

2011-12-01T20:58:57Z

186.92.242.209 en 20:56 1 dic 2011

2011-12-01T20:56:34Z

Manuel j555 en 15:58 29 sep 2011

2011-09-29T15:58:20Z

Manuel j555 en 15:55 29 sep 2011

2011-09-29T15:55:02Z

@@ Línea 116: / Línea 116: @@
 === Probando Todo ===
-Aquí tenemos la [http://www.repareco.es pantalla] con el input para el autocompletado de código:
+Aquí tenemos la pantalla con el input para el autocompletado de código:
 [[Archivo:Autocomplete_1.PNG‎]]

@@ Línea 116: / Línea 116: @@
 === Probando Todo ===
-Aquí tenemos la pantalla con el input para el autocompletado de código:
+Aquí tenemos la [http://www.repareco.es pantalla] con el input para el autocompletado de código:
 [[Archivo:Autocomplete_1.PNG‎]]

@@ Línea 116: / Línea 116: @@
 === Probando Todo ===
-Aquí tenemos la [http://www.repareco.es pantalla] con el input para el autocompletado de código:
+Aquí tenemos la pantalla con el input para el autocompletado de código:
 [[Archivo:Autocomplete_1.PNG‎]]

@@ Línea 116: / Línea 116: @@
 === Probando Todo ===
-Aquí tenemos la pantalla con el input para el autocompletado de código:
+Aquí tenemos la [http://www.repareco.es pantalla] con el input para el autocompletado de código:
 [[Archivo:Autocomplete_1.PNG‎]]

@@ Línea 69: / Línea 69: @@
      //accion que busca en los estados y devuelve el json con los datos
      public function autocomplete() {
          if (Input::isAjax()) { //solo devolvemos los estados si se accede desde ajax
              $busqueda = Input::post('busqueda');
@@ Línea 75: / Línea 77: @@
              //json_encode nos devolverá el array en formato json ["aragua","carabobo","..."]
+         }
+     }
+}
 </source>
 === La Vista ===

@@ Línea 34: / Línea 34: @@
 class Estados extends ActiveRecord {
-     public function obtener_json($estado) {
+     public function obtener_estados($estado) {
          if ($estado != '') {
              $estado = stripcslashes($estado);
@@ Línea 71: / Línea 71: @@
          if (Input::isAjax()) { //solo devolvemos los estados si se accede desde ajax
              $busqueda = Input::post('busqueda');
-             $estados = Load::model('estados')->obtener_json($busqueda);
+             $estados = Load::model('estados')->obtener_estados($busqueda);
              die(json_encode($estados)); // solo devolvemos los datos, sin template ni vista
+         }
          die;
@@ Línea 95: / Línea 96: @@
      $(document).ready(function(){
          $('input#autocomplete').autocomplete({
              minLength : 2 , //le indicamos que busque a partir de haber escrito dos o mas caracteres en el input
              source : function( request , response ){
                  var url = "<?php echo PUBLIC_PATH ?>index/autocomplete"; //url donde buscará los estados
                  $.post(url, { 'busqueda' : request.term }, response, 'json');
                  //busqueda es la varible que mandaremos por post con el contenido del input
+             }

@@ Línea 36: / Línea 36: @@
      public function obtener_json($estado) {
          if ($estado != '') {
              $res = $this->find('columns: estado', "estado like '%{$estado}%'");
              if ($res) {
                  foreach ($res as $estado) {
-                     $estados[] = '"' . $estado->estado . '"';
+                     $estados[] = $estado->estado;
+                 }
-                 return '[' . join(',', $estados) . ']';
+                 return $estados;
+             }
+         }
-         return '["no hubo coincidencias"]';
+         return array('no hubo coincidencias');
+     }
@@ Línea 69: / Línea 69: @@
      //accion que busca en los estados y devuelve el json con los datos
      public function autocomplete() {
          if (Input::isAjax()) { //solo devolvemos los estados si se accede desde ajax
-            // autocomplete coloca al final de la url coloca una variable get term
+             $busqueda = Input::post('busqueda');
              $estados = Load::model('estados')->obtener_json($busqueda);
-             die($estados); // solo devolvemos los datos, sin template ni vista
+             die(json_encode($estados)); // solo devolvemos los datos, sin template ni vista
+         }
          die;
@@ Línea 101: / Línea 99: @@
                  var url = "<?php echo PUBLIC_PATH ?>index/autocomplete"; //url donde buscará los estados
                  $.post(url, { 'busqueda' : request.term }, response, 'json');
+             }
          });

@@ Línea 85: / Línea 85: @@
 === La Vista ===
-En la vista crearemos un input de tipo texto y ademas añadiremos un codigo javascript para usar el autocomplete:
+En la vista ('''index/index.phtml''') crearemos un input de tipo texto y ademas añadiremos un codigo javascript para usar el autocomplete:
 <source lang=php>

← Revisión anterior		Revisión del 15:55 29 sep 2011
Línea 1:		Línea 1:
		+	[[Categoría:Tutoriales KumbiaPHP]]
		+
	=== Descripcion ===		=== Descripcion ===