JQuery UI en Kumbiaphp Spirit beta2 calendar - Historial de revisiones

Manuel j555: Tag::css() no devuelve nada, por lo tanto no hace falta igualar $code al resultado de ese llamado

2012-10-18T15:35:28Z

Tag::css() no devuelve nada, por lo tanto no hace falta igualar $code al resultado de ese llamado

Rubentoledo en 15:42 15 sep 2010

2010-09-15T15:42:22Z

Joanhey en 15:59 13 mar 2010

2010-03-13T15:59:21Z

Henry.stivens en 15:24 13 mar 2010

2010-03-13T15:24:28Z

Fidelio: Página creada con 'Vamos a crear un helper 'Calendar' que se pueda utilizar en cualquier vista de nuestra aplicación. [http://jqueryui.com/demos/datepicker/ ejemplo] Vamos a empezar a ver como s...'

2010-03-12T02:20:48Z

Página creada con 'Vamos a crear un helper 'Calendar' que se pueda utilizar en cualquier vista de nuestra aplicación. [http://jqueryui.com/demos/datepicker/ ejemplo] Vamos a empezar a ver como s...'

Página nueva

Vamos a crear un helper 'Calendar' que se pueda utilizar en cualquier vista de nuestra aplicación. [http://jqueryui.com/demos/datepicker/ ejemplo]

Vamos a empezar a ver como se utiliza.

1° en la vista solo llamamos el helpers y se utiliza de esta forma.

<source lang="php">
<?php
View::helpers('calendar');
echo Calendar::text('fecha');
?>
</source>

ahora como ven es sumamente sencillo de utilizarlo, ahora empezamos a la construcción del helpers.

descargamos el [http://jqueryui.com/download jquery-ui-1.7.2.custom.zip]
descomprimimos y copiamos los siguientes archivos.
creamos la carpeta jquery en css y javascript

'''development-bundle/themes -> app/public/css/jquery/'''

'''development-bundle/ui -> app/public/javascript/jquery/'''

Helper.

Creamos el archivo en: app/extensions/helpers/calendar.php
<source lang="php">
<?php
class Calendar{
public static function text($field, $attrs = NULL, $value = NULL){
static $i = false;
$code = '';
if($i == false){
$i = true;
$code = Tag::css('jquery/themes/ui-lightness/ui.all');
$code .= Tag::js('jquery/ui/ui.core');
$code .= Tag::js('jquery/ui/ui.datepicker');
}
$code .= Form::text($field, $attrs, $value);
$field = str_replace('.', '_', $field);
$code .= "<script type=\"text/javascript\">
$(function() {
$(\"#" . $field . "\").datepicker({
altFormat: 'd/m/yy',
autoSize: true,
dayNames: ['Domingo', 'Lunes', 'Martes', 'Miercoles', 'Jueves', 'Viernes', 'Sábado'],
dayNamesMin: ['Dom', 'Lu', 'Ma', 'Mi', 'Je', 'Vi', 'Sa'],
firstDay: 1,
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
dateFormat: 'dd/mm/yy',
changeMonth: true,
changeYear: true});
});
</script>";
return $code;
}
}
?>
</source>

no olvidar que deben tener habilitado en su proyecto el Jquery

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

@@ Línea 36: / Línea 36: @@
            if($i == false){
                    $i = true;
-                   $code   =    Tag::css('jquery/themes/ui-lightness/jquery.ui.all');
+                   Tag::css('jquery/themes/ui-lightness/jquery.ui.all');
-                   $code   .=   Tag::js('jquery/ui/jquery.ui.core');
+                   $code  = Tag::js('jquery/ui/jquery.ui.core');
-                   $code   .=   Tag::js('jquery/ui/jquery.ui.datepicker');
+                   $code .= Tag::js('jquery/ui/jquery.ui.datepicker');
+           }
            $code   .=   Form::text($field, $attrs, $value);

@@ Línea 7: / Línea 7: @@
 <source lang="php">
 <?php
-View::helpers('calendar');
+echo Calendar::text('model.fecha');
 ?>
 </source>

@@ Línea 66: / Línea 66: @@
-no olvidar que deben tener habilitado en su proyecto el Jquery
+Recuerden que deben tener habilitado en su proyecto el Jquery
 [[Categoría:Helpers]]
 [[Categoría:Tutoriales KumbiaPHP Beta2]]