Szyny renderują się częściowo z blokiem

119

Próbuję ponownie użyć komponentu HTML, który napisałem, który zapewnia stylizację panelu. Coś jak:

  <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>

Widzę więc, że renderowanie zajmuje blok. Pomyślałem, że mógłbym zrobić coś takiego:

# /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>

I chcę zrobić coś takiego:

#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 %>

Niestety to nie działa z tym błędem:

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 -%>
...

Więc =oczywiście nie lubi tego z blokiem, ale jeśli go usunę, po prostu nic nie wyświetla.

Czy ktoś wie, jak zrobić to, co próbuję tutaj osiągnąć? Chciałbym ponownie wykorzystać ten panel w wielu miejscach na mojej stronie.

ćwiek
źródło
1
Zaakceptowana odpowiedź jest poprawna, ale od wersji Rails 5.0.0 jest to możliwe bez layout-workaround, patrz guide.rubyonrails.org/…
fabi

Odpowiedzi:

208

Chociaż obie powyższe odpowiedzi działają (no cóż, przykład, do którego i tak prowadzi Tony), ostatecznie znalazłem najbardziej zwięzłą odpowiedź w powyższym poście (komentarz Kornelisa Sietsmy)

Chyba render :layoutrobi dokładnie to , czego szukałem:

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

w połączeniu z:

# /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>
ćwiek
źródło
6
w Railsach 3.2.2 myślę, że <%= %>zamiast <% %>np.<%= render :layout => '/shared/panel',
Siwei Shen 申思维
masz rację, ten post nie zawiera żadnych założeń co do wersji Rails, jestem pewien, że ludzie mogą to rozgryźć.
brad
jak ten (rozwiązuje mój problem, więc +1), ale czy to dobra praktyka? czy z jakiegoś powodu nie będzie spowolnienia? Może baza danych uruchamia się wcześniej, niż przypuszcza, z powodu innego zysku (nie mam teraz czasu na badanie tego samodzielnie, tylko się zastanawiam)
odpowiednik
1
Jakiś sposób, aby dowiedzieć się, czy treść została udostępniona? W przypadku, gdy jest to opcjonalne.
Vadorequest
3
W Railsach 5.0 nastąpiła zmiana, więc dotyczy to wszystkich części, a nie tylko układów. Możesz zmienić pierwszą linię kodu wywołującego na:<%= render '/shared/panel', title: 'some title' do %>
Jay Mitchell
27

Oto alternatywa oparta na poprzednich odpowiedziach.

Utwórz część na 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>

Zdefiniuj swoją metodę na application_helper.rb:

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

Nazwij to z dowolnego widoku:

<%= modal_for('My Title') do |t| %>
  <p>Here is some content to be rendered inside the partial</p>
<% end %>
rebagliatte
źródło
11

Możesz użyć pomocnika przechwytywania, a nawet wbudowanego w wywołanie renderowania:

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

oraz we wspólnym / panelu:

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

który wyprodukuje:

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

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

Yetanotherjosh
źródło
1
Wzorzec wbudowany jest dobry dla części wymagającej wielu bloków.
mahemoff
4

Opierając się na zaakceptowanej odpowiedzi, to właśnie działało dobrze dla mnie, używając Rails 4.

Panel możemy renderować jako taki:

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

wprowadź opis obrazu tutaj

Wymaga to metody pomocniczej i wspólnego widoku:

metoda pomocnicza (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

Wyświetl (/ui/panel.html.haml)

.panel{ class: options[:panel_classes] }
  .panel-heading= heading
  .panel-body
    = yield
Kris
źródło
Działa to również w Railsach 5.x, po prostu musiałem zmienić panel.html.hamlna_panel.html.haml
Kris
1

Myślę, że zadziała (właśnie wykonałem szybki, brudny test), jeśli najpierw przypiszesz go do zmiennej, a następnie wyprowadzisz.

<% foo = render :partial => '/shared/panel', :locals =>{:title => "Some Title"} do %>
<p>Here is some content to be rendered inside the panel</p>
<% end %>
<%= foo %>
Tesserex
źródło