JQuery UI en Kumbiaphp Spirit beta2 - Historial de revisiones

Fidelio: Blanqueada la página

2010-03-12T02:19:38Z

Blanqueada la página

Fidelio en 02:17 12 mar 2010

2010-03-12T02:17:41Z

Fidelio en 02:13 12 mar 2010

2010-03-12T02:13:38Z

Fidelio en 02:12 12 mar 2010

2010-03-12T02:12:14Z

Fidelio en 02:10 12 mar 2010

2010-03-12T02:10:55Z

Fidelio en 02:08 12 mar 2010

2010-03-12T02:08:29Z

Fidelio: Página creada con 'Vamos a crear un helper 'Calendar' que se pueda utilizar en cualquier vista de nuestra aplicación. ejemplo Vamos a empezar a ver como se utiliza. 1° en la vista solo llamamo...'

2010-03-12T02:07:17Z

Página creada con 'Vamos a crear un helper 'Calendar' que se pueda utilizar en cualquier vista de nuestra aplicación. ejemplo Vamos a empezar a ver como se utiliza. 1° en la vista solo llamamo...'

Página nueva

Vamos a crear un helper 'Calendar' que se pueda utilizar en cualquier vista de nuestra aplicación. ejemplo

Vamos a empezar a ver como se utiliza.

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

<?php
View::helpers('calendar');
echo Calendar::text('fecha');
?>

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

descargamos el 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

<?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;
}
}
?>

no olvidar que deben tener habilitado en su proyecto el Jquery

← Revisión anterior		Revisión del 02:19 12 mar 2010
Línea 1:		Línea 1:
−	~~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 68: / Línea 68: @@
 no olvidar que deben tener habilitado en su proyecto el Jquery
+[[Categoría:Helpers]]
 [[Categoría:Tutoriales KumbiaPHP Beta2]]

← Revisión anterior		Revisión del 02:13 12 mar 2010
Línea 20:		Línea 20:


−	development-bundle/themes -> app/public/css/jquery/	+	'''development-bundle/themes -> app/public/css/jquery/'''
−	development-bundle/ui -> app/public/javascript/jquery/	+
		+	'''development-bundle/ui -> app/public/javascript/jquery/'''

← Revisión anterior		Revisión del 02:12 12 mar 2010
Línea 66:		Línea 66:

	no olvidar que deben tener habilitado en su proyecto el Jquery		no olvidar que deben tener habilitado en su proyecto el Jquery
		+
		+
		+	[[Categoría:Tutoriales KumbiaPHP]]
		+	[[Categoría:Tutoriales KumbiaPHP Beta2]]

@@ Línea 1: / Línea 1: @@
-Vamos a crear un helper 'Calendar' que se pueda utilizar en cualquier vista de nuestra aplicación. ejemplo
+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.
@@ Línea 15: / Línea 15: @@
 ahora como ven es sumamente sencillo de utilizarlo, ahora empezamos a la construcción del helpers.
-descargamos el jquery-ui-1.7.2.custom.zip
+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

@@ Línea 5: / Línea 5: @@
 ° 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>
@@ Línea 28: / Línea 28: @@
 Creamos el archivo en: app/extensions/helpers/calendar.php
+<source lang="php">
   <?php
    class Calendar{
@@ Línea 61: / Línea 61: @@
+   }
    ?>
+</source>
 no olvidar que deben tener habilitado en su proyecto el Jquery