JQuery UI en Kumbiaphp Spirit - Historial de revisiones

Onizukar en 19:31 7 ago 2010

2010-08-07T19:31:12Z

2010-06-12T19:45:47Z

Descarga

2010-06-12T19:37:24Z

Usando el Partial anterior

2010-06-12T19:35:05Z

Usando el Partial anterior

2010-06-12T19:31:13Z

Usando el Partial anterior

2010-06-12T19:28:20Z

Incluyendo librerias de JQuery UI a Kumbiaphp

2010-06-12T19:27:36Z

Incluyendo librerias de JQuery UI a Kumbiaphp

2010-06-12T19:25:00Z

Partial para el Datepicker

2010-06-12T19:23:56Z

Usando el Partial anterior

2010-06-12T19:22:04Z

Descargando Jquery UI

← Revisión anterior		Revisión del 19:31 7 ago 2010
Línea 1:		Línea 1:
		+	{{cleanupbox
		+	\|image=[[Archivo:Information_icon4.png\|45px]]
		+	\|texto ='''Este Artículo cumple con todos los quererimientos de los Kumbieros.'''<br />
		+	}}
		+
	== JQuery UI ==		== JQuery UI ==

@@ Línea 137: / Línea 137: @@
 == Descarga ==
-Descarga: [http://dl.dropbox.com/u/2807704/kumbiaPHP/v1_b1/app_calendario_jquery.zip app_calendario_jquery]
+Descarga: [http://dl.dropbox.com/u/2807704/kumbiaPHP/v1_b1/app_calendario_jquery.zip app_calendario_jquery] para el '''core''' de la version 1.0 Spirit del '''beta1'''.
 [[Categoría:Tutoriales KumbiaPHP]]
 [[Categoría:Partials]]
 [[Categoría:jQuery]]

@@ Línea 134: / Línea 134: @@
 Como podemos ver es muy fácil tener una aplicación con componetes dinámicos agradables, rápidos y personalizables. Del mismo modo que se agrego este datapicker se puede hacer con los otros componentes que incluye JQuery UI. Solo es cuestión de subirlos a los directorios indicados, incluirlos apropiadamente en nuestros templates, crear un partial e incluirlo en la vista que lo requiera.
 [[Categoría:Tutoriales KumbiaPHP]]
 [[Categoría:Partials]]
 [[Categoría:jQuery]]

@@ Línea 110: / Línea 110: @@
 ?>
 </source>
 Y ahora usando el partial con parámetro y escrito de la forma correcta usando los helpers de kumbia:

@@ Línea 97: / Línea 97: @@
 == Usando el Partial anterior ==
-En una vista que tengamos podemos usar el partial anterior de esta forma
+En una vista que tengamos podemos usar el partial anterior de esta forma. Para esta practica crea en la carpeta /views/ una carpeta llamada "home" y una vista llamada index.phtml, quedando de esta forma: miapp/views/home/index.phtml y coloca el siguiente codigo en esta vista:
 <source lang=php line>
 <?php

← Revisión anterior		Revisión del 19:28 12 jun 2010
Línea 39:		Línea 39:

	Vamos a crear una carpeta llamada jquery en miapp/public/javascript para colocar de forma ordenada los archivos .js de jquery quedando de esta forma:		Vamos a crear una carpeta llamada jquery en miapp/public/javascript para colocar de forma ordenada los archivos .js de jquery quedando de esta forma:
		+
	miapp/public/javascript/jquery/		miapp/public/javascript/jquery/

← Revisión anterior		Revisión del 19:27 12 jun 2010
Línea 37:		Línea 37:

	Algo a comentar, el paquete de jQuery-ui tiene dentro de la carpeta '''themes''' (miapp/public/css/themes) dos carpetas que son '''base''' y '''ui-lightness''', puedes usar el archivo '''ui.all.js''' de la carpeta '''base''' o de la carpeta '''ui-lightness'''.		Algo a comentar, el paquete de jQuery-ui tiene dentro de la carpeta '''themes''' (miapp/public/css/themes) dos carpetas que son '''base''' y '''ui-lightness''', puedes usar el archivo '''ui.all.js''' de la carpeta '''base''' o de la carpeta '''ui-lightness'''.
		+
		+	Vamos a crear una carpeta llamada jquery en miapp/public/javascript para colocar de forma ordenada los archivos .js de jquery quedando de esta forma:
		+	miapp/public/javascript/jquery/

	<source lang=php>		<source lang=php>

← Revisión anterior		Revisión del 19:25 12 jun 2010
Línea 56:		Línea 56:


−	En el directorio miapp/views/partials crearemos un archivo con extencion .pthml por ejemplo datapicker_alter.phtml en el que incluiremos la llamada al componente que hemos subido de JQuery UI	+	En el directorio miapp/views/partials crearemos un archivo con extencion .pthml por ejemplo datapicker_alter.phtml en el que incluiremos la llamada al componente que hemos subido de JQuery UI, quedando algo asi miapp/views/partials/datapicker_alter.phtml

	<source lang=javascript>		<source lang=javascript>

@@ Línea 95: / Línea 95: @@
 En una vista que tengamos podemos usar el partial anterior de esta forma
 <source lang=php line>
 echo "<span class='label'>Date:</span>";
 echo text_field_tag('name: user.fnac','id: datepicker');
@@ Línea 103: / Línea 104: @@
 //finalmente incluimos el partial
 View::partial('datapicker_alter');
 </source>

@@ Línea 8: / Línea 8: @@
 == Descargando Jquery UI ==
-Primero que todo debemos descargar Jquery UI. Para ello vamos a su [http://jqueryui.com/download seccion de descargas] Y personalizamos la descarga segun las necesidades de nuestra APP. ya sea que necesitemos un acordeon, un widwled tabs o un datapicker necesitamos incluir en la descarga el UI Core. Y seleccionar el tema que acompañara nuestra descarga. (Actualmente esta disponible la version (1.7.2)
+Primero que todo debemos descargar Jquery UI. Para ello vamos a su [http://jqueryui.com/download seccion de descargas] Y personalizamos la descarga segun las necesidades de nuestra APP. ya sea que necesitemos un acordeon, un widwled tabs o un datapicker necesitamos incluir en la descarga el UI Core. Y seleccionar el tema que acompañara nuestra descarga. Para la fecha y para esta practica hemos descargado la version de jquery-ui 1.8.2, el paquete a descargar se llama jquery-ui-1.8.2.custom.zip, descomprime su contenido en otra carpeta y posterior a esto pasaremos los archivos a donde deben estar en KumbiaPHP Framework para su correcto funcionamiento.
-"Para este tutorial incluiremos un Datapicker con el tema Flick y el UI Core."
+"Para este tutorial incluiremos un Datapicker del UI Core."
 En los archivos descargados encontramos 3 directorios:
@@ Línea 17: / Línea 17: @@
      * development-bundle (Demos y librerias necesarias para implementar)
      * css (Themes)
 == Subiendo Jquery UI a Kumbiaphp ==