首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Rails使用块呈现部分内容

Rails使用块呈现部分内容
EN

Stack Overflow用户
提问于 2010-06-01 23:36:50
回答 5查看 60.3K关注 0票数 130

我正在尝试重用我编写的提供面板样式的html组件。类似于:

代码语言:javascript
运行
复制
  <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>

所以我看到render需要一个块。我想我可以这样做:

代码语言:javascript
运行
复制
# /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>

我想做一些类似的事情:

代码语言:javascript
运行
复制
#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 %>

不幸的是,这不适用于这个错误:

代码语言:javascript
运行
复制
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。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2010-06-02 01:58:32

虽然上面的两个答案都有效(好吧,tony链接到的例子),但我最终在上面的帖子中找到了最简洁的答案( Kornelis Sietsma评论)

我猜render :layout做的正是我想要的:

代码语言:javascript
运行
复制
# Some View
<%= render :layout => '/shared/panel', :locals => {:title => 'some title'} do %>
  <p>Here is some content</p>
<% end %>

与以下内容结合:

代码语言:javascript
运行
复制
# /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>
票数 226
EN

Stack Overflow用户

发布于 2014-12-09 05:12:42

这里有一个基于以前的答案的替代方案。

shared/_modal.html.erb上创建部分内容

代码语言:javascript
运行
复制
<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上定义你的方法

代码语言:javascript
运行
复制
def modal_for(heading, &block)
  render(
    partial: 'shared/modal',
    locals: { heading: heading, block: block }
  )
end

从任何视图调用它:

代码语言:javascript
运行
复制
<%= modal_for('My Title') do |t| %>
  <p>Here is some content to be rendered inside the partial</p>
<% end %>
票数 32
EN

Stack Overflow用户

发布于 2013-03-19 14:24:47

您可以使用捕获帮助器,甚至可以在渲染调用中内联:

代码语言:javascript
运行
复制
<%= render 'my_partial',
           :locals => { :title => "Some Title" },
           :captured => capture { %>
    <p>Here is some content to be rendered inside the partial</p>
<% } %>

在共享/面板中:

代码语言:javascript
运行
复制
<h3><%= title %></h3>
<div class="my-outer-wrapper">
  <%= captured %>
</div>

这将产生以下结果:

代码语言:javascript
运行
复制
<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

票数 12
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2951105

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档