Частичный рендеринг Rails с помощью блока


119

Я пытаюсь повторно использовать написанный мной компонент html, который обеспечивает стилизацию панели. Что-то вроде:

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

Итак, я вижу, что рендеринг занимает блок. Тогда я подумал, что могу сделать что-то вроде этого:

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

И я хочу сделать что-то вроде:

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

К сожалению, с этой ошибкой это не работает:

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

Таким образом, ему не нравится, =очевидно, с блоком, но если я его удалю, он просто ничего не выводит.

Кто-нибудь знает, как сделать то, что я пытаюсь достичь здесь? Я бы хотел повторно использовать эту html-панель во многих местах своего сайта.


1
Принятый ответ правильный, но так как Rails 5.0.0 это возможно без layout-workaround см guides.rubyonrails.org/...
Fabi

Ответы:


208

Хотя оба вышеперечисленных ответа работают (ну, пример, на который в любом случае ссылается Тони), я в конечном итоге нашел самый сжатый ответ в этом сообщении выше (комментарий Корнелиса Сиетсмы)

Думаю, render :layoutделает именно то , что я искал:

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

в сочетании с:

# /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
в Rails 3.2.2, я думаю, вам нужно использовать <%= %>вместо <% %>, например,<%= render :layout => '/shared/panel',
Siwei Shen 申思维

вы правы, этот пост не делает никаких предположений о версии Rails, я уверен, что люди это поймут.
Брэд

как этот (решает мою проблему так +1), но это хорошая практика? не будет ли замедления по какой-то причине? Может быть, база данных срабатывает раньше, чем предполагалось, из-за другой доходности (сейчас нет времени исследовать это самостоятельно, просто интересно)
эквивалент8

1
Есть ли способ узнать, был ли предоставлен контент? В случае необязательности.
Vadorequest

3
В Rails 5.0 было изменение, так что это общее для всех частичных компонентов, а не только для макетов. Вы можете изменить первую строку телефонного кода на:<%= render '/shared/panel', title: 'some title' do %>
Джей Митчелл,

27

Вот альтернатива, основанная на предыдущих ответах.

Создайте свой партиал на 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>

Определите свой метод на application_helper.rb:

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

Вызовите его с любой точки зрения:

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

11

Вы можете использовать помощник по захвату и даже встроенный в вызове рендеринга:

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

и в общем / панели:

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

который будет производить:

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

См. Http://api.rubyonrails.org/classes/ActionView/Helpers/CaptureHelper.html


1
Встроенный шаблон хорош для частичного использования нескольких блоков.
mahemoff

4

Основываясь на принятом ответе, это то, что у меня хорошо сработало, используя Rails 4.

Мы можем визуализировать панель как таковую:

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

введите описание изображения здесь

Для этого требуется вспомогательный метод и общее представление:

вспомогательный метод (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

Посмотреть (/ui/panel.html.haml)

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

Это работает и в Rails 5.x, мне просто нужно было сменить panel.html.hamlна_panel.html.haml
Kris

1

Я думаю, что это сработает (только что сделал быстрый грязный тест), если вы сначала назначите его переменной, а затем выведите ее.

<% foo = render :partial => '/shared/panel', :locals =>{:title => "Some Title"} do %>
<p>Here is some content to be rendered inside the panel</p>
<% end %>
<%= foo %>
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.