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

De KumbiaPHP Framework Wiki

Advertencia: no has iniciado sesión. Tu dirección IP se hará pública si haces cualquier edición. Si inicias sesión o creas una cuenta, tus ediciones se atribuirán a tu nombre de usuario, además de otros beneficios.

Puedes deshacer la edición. Antes de deshacer la edición, comprueba la siguiente comparación para verificar que realmente es lo que quieres hacer, y entonces guarda los cambios para así efectuar la reversión.

Revisión actual Tu texto
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]]

Ten en cuenta que todas las contribuciones a KumbiaPHP Framework Wiki pueden ser editadas, modificadas o eliminadas por otros colaboradores. Si no deseas que las modifiquen sin limitaciones, no las publiques aquí.
Al mismo tiempo, asumimos que eres el autor de lo que escribiste, o lo copiaste de una fuente en el dominio público o con licencia libre (véase Proyecto:Derechos de autor para más detalles). ¡No uses textos con copyright sin permiso!

Para editar esta página, responde la pregunta que aparece abajo (más información):

Cancelar Ayuda de edición (se abre en una ventana nueva)