Edición de «Helper Tabs»
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: | ||
== Helper Tabs == | == Helper Tabs == | ||
Este es un helper que permite agregar solapas en la vista principal de nuestro sitio web usando jquery-ui. | Este es un helper que permite agregar solapas en la vista principal de nuestro sitio web usando jquery-ui. | ||
− | El | + | El ejemlo que realizaremos es este: http://jqueryui.com/demos/tabs/ y trabaja con partiales. |
Primero debemos descargar el jquery-ui 1.8.1 http://jqueryui.com/download | Primero debemos descargar el jquery-ui 1.8.1 http://jqueryui.com/download | ||
Línea 8: | Línea 8: | ||
En el directorio js existen 2 archivos jquery-1.4.2.min.js y jquery-ui-1.8.1.custom.min.js, debemos copiarlos en el directorio public/javascript/jquery. | En el directorio js existen 2 archivos jquery-1.4.2.min.js y jquery-ui-1.8.1.custom.min.js, debemos copiarlos en el directorio public/javascript/jquery. | ||
− | === | + | === Luego procedemos a editar el Template principal que usamos en la app para colocar el jquery === |
Agregamos: | Agregamos: | ||
<source lang="php"> | <source lang="php"> | ||
Línea 64: | Línea 64: | ||
</source> | </source> | ||
− | === Creamos dos partials === | + | === Creamos dos partials: === |
hola.phtml | hola.phtml |