Rails partiels avec bloc


119

J'essaie de réutiliser un composant html que j'ai écrit qui fournit un style de panneau. Quelque chose comme:

  <div class="v-panel">
    <div class="v-panel-tr"></div>
    <h3>Some Title</h3>
    <div class="v-panel-c">
      .. content goes here
    </div>
    <div class="v-panel-b"><div class="v-panel-br"></div><div class="v-panel-bl"></div></div>
  </div>

Donc je vois que le rendu prend un bloc. J'ai pensé alors que je pourrais faire quelque chose comme ça:

# /shared/_panel.html.erb
<div class="v-panel">
  <div class="v-panel-tr"></div>
  <h3><%= title %></h3>
  <div class="v-panel-c">
    <%= yield %>
  </div>
  <div class="v-panel-b"><div class="v-panel-br"></div><div class="v-panel-bl"></div></div>
</div>

Et je veux faire quelque chose comme:

#some html view
<%= render :partial => '/shared/panel', :locals =>{:title => "Some Title"} do %>
  <p>Here is some content to be rendered inside the panel</p>
<% end %>

Malheureusement, cela ne fonctionne pas avec cette erreur:

ActionView::TemplateError (/Users/bradrobertson/Repos/VeloUltralite/source/trunk/app/views/sessions/new.html.erb:1: , unexpected tRPAREN

old_output_buffer = output_buffer;;@output_buffer = '';  __in_erb_template=true ; @output_buffer.concat(( render :partial => '/shared/panel', :locals => {:title => "Welcome"} do ).to_s)
on line #1 of app/views/sessions/new.html.erb:
1: <%= render :partial => '/shared/panel', :locals => {:title => "Welcome"} do -%>
...

Donc, il n'aime pas =évidemment avec un bloc, mais si je le supprime, alors il ne produit rien.

Quelqu'un sait-il comment faire ce que j'essaie d'accomplir ici? Je voudrais réutiliser ce panneau html à de nombreux endroits sur mon site.


1
La réponse acceptée est correcte, mais depuis Rails 5.0.0, cela est possible sans la layoutsolution de contournement, voir guides.rubyonrails.org
fabi

Réponses:


208

Bien que les deux réponses ci-dessus fonctionnent (enfin l'exemple auquel Tony renvoie de toute façon), j'ai fini par trouver la réponse la plus succincte dans ce post ci-dessus (commentaire de Kornelis Sietsma)

Je suppose que render :layoutfait exactement ce que je cherchais:

# Some View
<%= render :layout => '/shared/panel', :locals => {:title => 'some title'} do %>
  <p>Here is some content</p>
<% end %>

combiné avec:

# /shared/_panel.html.erb
<div class="v-panel">
  <div class="v-panel-tr"></div>
  <h3><%= title -%></h3>
  <div class="v-panel-c">
    <%= yield %>
  </div>
</div>

6
dans Rails 3.2.2, je pense que vous devez utiliser à la <%= %>place de <% %>, par exemple<%= render :layout => '/shared/panel',
Siwei Shen 申思维

vous avez raison, cet article ne fait aucune hypothèse sur la version de Rails, je suis sûr que les gens peuvent le comprendre.
brad

comme celui-ci (résout mon problème donc +1), mais est-ce une bonne pratique? n'y aura-t-il pas un ralentissement pour une raison quelconque? Peut-être que la base de données se déclenche plus tôt qu'elle ne le suppose à cause d'un autre rendement (je n'ai pas le temps d'étudier cela par moi-même maintenant, je me demande simplement)
équivalent8

1
Un moyen de savoir si un contenu a été produit? Dans le cas où c'est facultatif.
Vadorequest le

3
Dans Rails 5.0, il y a eu un changement donc c'est général à tous les partiels, pas seulement aux mises en page. Vous pouvez modifier la première ligne de l'indicatif d'appel en:<%= render '/shared/panel', title: 'some title' do %>
Jay Mitchell

27

Voici une alternative basée sur les réponses précédentes.

Créez votre partiel sur shared/_modal.html.erb:

<div class="ui modal form">
  <i class="close icon"></i>
  <div class="header">
    <%= heading %>
  </div>
  <div class="content">
    <%= capture(&block) %>
  </div>
  <div class="actions">
    <div class="ui negative button">Cancel</div>
    <div class="ui positive button">Ok</div>
  </div>
</div>

Définissez votre méthode sur application_helper.rb:

def modal_for(heading, &block)
  render(
    partial: 'shared/modal',
    locals: { heading: heading, block: block }
  )
end

Appelez-le de n'importe quelle vue:

<%= modal_for('My Title') do |t| %>
  <p>Here is some content to be rendered inside the partial</p>
<% end %>

11

Vous pouvez utiliser l'assistant de capture, et même en ligne dans l'appel de rendu:

<%= render 'my_partial',
           :locals => { :title => "Some Title" },
           :captured => capture { %>
    <p>Here is some content to be rendered inside the partial</p>
<% } %>

et en partage / panel:

<h3><%= title %></h3>
<div class="my-outer-wrapper">
  <%= captured %>
</div>

qui produira:

<h3>Some Title</h3>
<div class="my-outer-wrapper">
  <p>Here is some content to be rendered inside the partial</p>
</div>

Voir http://api.rubyonrails.org/classes/ActionView/Helpers/CaptureHelper.html


1
Le modèle en ligne est bien pour un partiel nécessitant plusieurs blocs.
mahemoff

4

Sur la base de la réponse acceptée, c'est ce qui a bien fonctionné pour moi avec Rails 4.

Nous pouvons rendre un panneau comme tel:

= render_panel('Non Compliance Reports', type: 'primary') do
  %p your content goes here!

entrez la description de l'image ici

Cela nécessite une méthode d'assistance et une vue partagée:

méthode d'assistance (ui_helper.rb)

def render_panel(heading, options = {}, &block)
  options.reverse_merge!(type: 'default')
  options[:panel_classes] = ["panel-#{options[:type]}"]

  render layout: '/ui/panel', locals: { heading: heading, options: options } do
    capture(&block)
  end
end

Afficher (/ui/panel.html.haml)

.panel{ class: options[:panel_classes] }
  .panel-heading= heading
  .panel-body
    = yield

Cela fonctionne aussi dans Rails 5.x, j'avais juste besoin de changer panel.html.hamlpour_panel.html.haml
Kris

1

Je pense que cela fonctionnera (je viens de faire un test sale rapide) si vous l'assignez d'abord à une variable, puis la sortez.

<% foo = render :partial => '/shared/panel', :locals =>{:title => "Some Title"} do %>
<p>Here is some content to be rendered inside the panel</p>
<% end %>
<%= foo %>
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.