Diferencia entre revisiones de «JQuery en Kumbiaphp Spirit beta2 liveSearch»
De KumbiaPHP Framework Wiki
Línea 2: | Línea 2: | ||
<source lang="php"> | <source lang="php"> | ||
− | <?php echo | + | <?php echo LiveSearch::typeSelect($field, $data, $show, $attrs = NULL, $value = NULL); ?> |
</source> | </source> | ||
<source lang="php"> | <source lang="php"> | ||
− | <?php echo | + | <?php echo LiveSearch::typeText($field, $data, $show, $attrs = NULL, $value = NULL); ?> |
</source> | </source> | ||
Revisión del 19:48 2 ago 2013
Como se utiliza
<?php echo LiveSearch::typeSelect($field, $data, $show, $attrs = NULL, $value = NULL); ?>
<?php echo LiveSearch::typeText($field, $data, $show, $attrs = NULL, $value = NULL); ?>
$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
<?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;
}
}
?>
Jquery | jquery.autocomplete
Recuerden que deben tener habilitado en su proyecto el Jquery