rescue true

4 marzo, 2011

Escribir en el layout desde una vista: content_for

Filed under: Ruby on Rails — xurdekio @ 12:51 pm
Tags: , , ,

En algunas ocasiones puntuales, por requerimientos de funcionalidad o de diseño, necesitaremos poder escribir desde una vista o un helper en algún lugar del layout que lo pinta (o desde un partial en la vista, etc…), esto podemos hacerlo en rails gracias al método content_for

Una de las maravillas de Rails es que las vistas se procesan al revés de como lo intuimos, se empieza por lo más pequeño hasta llegar al layout. Así es que primero se interpretan los partials, despues las vistas y por último el layout. Esto es lo que nos permite poder escribir desde la vista en el layout.

Vamos a ponernos en el caso de un layout con dos columnas (col_left, col_right), en el cual col_right no siempre va a tener contenido puesto que dependerá de la vista en la que estemos. En col_left tendremo la ya conocida instrucción yield, para pintar dentro la vista, y en col_right usaremos content_for con la etiqueta :col_right.

<body>
 <div class="col_left">
   <%=yield%>
 </div>
 <div class="col_right">
  <%=content_for :col_right%>
 </div>
</body>

Ahora, desde nuestra vista, necesitamos escribir el código que queremos que aparezca dentro de la columna derecha, para ello volvemos a recurrir a content_for, pero esta vez con un bloque que sera lo que se pinte en col_right.

<p>Esto se pinta en col_left</p>
<%content_for :col_right do%>
 <p>Sin embargo esto se pinta dentro de col_right</p>
<%end%>

Cómo nota extra vamos a suponer que no somos muy buenos con las css y queremos que nuestra col_left crezca cuando no existe contenido para col_right. Para ello no queremos que se pinte ese div y además le añadiremos un class al body usando el helper content_for?

<body <%= 'class="no-col-right"' unless content_for? :col_right %>>
 <div class="col_left">
   <%=yield%>
 </div>
<%if content_for? :col_right%>
 <div class="col_right">
  <%=content_for :col_right%>
 </div>
<%end%>
</body>

Podemos usar content_for tambien dentro de un helper, y por supuesto podemos usar tantas etiquetas y tantos content_for como queramos a lo largo de nuestros layouts y vistas.

Dejar un comentario »

Aún no hay comentarios.

RSS feed for comments on this post. TrackBack URI

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Crea un blog o un sitio web gratuitos con WordPress.com.

A %d blogueros les gusta esto: