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

Answers:


208

尽管以上两个答案都起作用(以及通向Tony链接的示例),但我最终在上面的帖子中找到了最简洁的答案(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的版本做任何假设,我相信人们可以理解这一点。
brad 2012年

像这样(解决我的问题,所以+1),但这是一种好习惯吗?出于某种原因会不会有所放缓?也许由于另一种收益(比现在还没时间自己调查,只是想知道),数据库触发的时间比预期的要早
等效

1
有什么办法知道是否产生了内容吗?如果是可选的。
Vadorequest 2014年

3
在Rails 5.0中进行了更改,因此这是所有部分通用的,而不仅仅是布局。您可以将调用代码的第一行更改为:<%= render '/shared/panel', title: 'some title' do %>
Jay Mitchell,

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

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 %>
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.