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/...
ファビ

回答:


208

上記の両方の答えはうまくいきますが(とにかくトニーリンクの例です)、結局、上記の投稿(Kornelis Sietsmaによるコメント)で最も簡潔な答えを見つけました。

私の推測では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は、2014年

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呼び出しでインライン化することもできます。

<%= 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 14年

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 %>
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.