Edición de «JQuery en Kumbiaphp Spirit beta2 liveSearch»

'''Como se utiliza '''

<source lang="php">
<?php echo LiveSearch::typeSelect($field, $data, $show, $attrs = NULL, $value = NULL); ?>
</source>

<source lang="php">
<?php echo LiveSearch::typeText($field, $data, $show, $attrs = NULL, $value = NULL); ?>
</source>

'''$field''' es el nombre del campo
'''$data''' es el modelo que se desea cargar
'''$show'''  campo para ser visualizado
'''$attrs''' datos opcionales tales como: "size='10' maxlength='100'", etc...
'''$value''' valor por defecto a mostrar "opcional"





'''Helper'''
extensions/helpers/live_search.php

<source lang='php'>
<?php
class LiveSearch{
	/**
	 * Live search cargado de un modelo
	 */
	public static function typeSelect($field, $data, $show, $attrs = NULL, $value = NULL){
		return self::base($field, $data, $show, $attrs, $value, 'true');
	}
	public static function typeText($field, $data, $show, $attrs = NULL, $value = NULL){
		return self::base($field, $data, $show, $attrs, $value, 'false');
	}
	private static function base($field, $data, $show, $attrs, $value, $bool){
		static $i = false;
		static $cont=0;
		$cont++;		
		if($i == false){
			$i = true;
			$code	=	Tag::css("jquery.autocomplete");
			$code	.=	Tag::js('jquery/jquery.autocomplete');
		}
		if(is_array($attrs)) {
		    $attrs = Tag::getAttrs($attrs);
		}
		// si no se especificó el valor explicitamente
		
		$name =	self::getName($field);
		$field = self::getId($field);
		
		$code	.=	"<input id=\"$field\" name=\"$name\" type=\"text\" value=\"$value\" $attrs/>";
		$datos  = '';
		foreach($data as $p) {
		    $datos 	.=	'"' . $p->$show . '", ';
		}
		$datos	= substr ($datos, 0, -2);
		$code .= "<script type=\"text/javascript\">
			var array_data_" . $cont . "= [ " .  $datos . " ]
			$().ready(function() {
				$(\"#" . $field .  "\").autocomplete(array_data_" . $cont . ", {
					minChars: 0,
					max: 12,
					autoFill: true,
					mustMatch: $bool,
					matchContains: true,
					scrollHeight: 220,
					formatItem: function(data, i, total) {
						return data[0];
					}
				});
			
			});
		</script>";
		return $code;
	}
	private static function getName($field){
		$array_data	=	explode('.', $field);
		if(count($array_data[1])==1){
			return $array_data[0] . '[' . $array_data[1] . ']';
		}
		return $field;
	}
	private static function getId($field){
		$array_data	=	explode('.', $field);
		if(count($array_data[1])==1){
			return $array_data[0] . '_' . $array_data[1];
		}
		return $field;
	}	
}
?>
</source>


Jquery  [http://plugins.jquery.com/files/issues/jquery.autocomplete.js__5.txt | jquery.autocomplete]

CSS [http://code.google.com/p/allforgood/source/browse/trunk/frontend/css/jquery.autocomplete.css?r=2 | jquery.autocomplete]



Recuerden que deben tener habilitado en su proyecto el Jquery

[[Categoría:Helpers]]
[[Categoría:JQuery]]
[[Categoría:Tutoriales KumbiaPHP Beta2]]