1

在我的一个观点中,我将布局应用于代码块:

# In app/views/sessions/new.html.erb
<% render :layout => 'home/shadow_box' do %>
  #... code for sign in form here
<% end %>

布局是一个 div,所有四个边都有 png 阴影。

由于我在整个站点中都使用此布局,因此我想将一个变量传递给指定阴影 div 宽度的布局。我尝试在代码块中使用内容:

# In app/views/sessions/new.html.erb
<% render :layout => 'home/shadow_box' do %>
  <% content_for :box_width %>640<% end %>
  #... code for sign in form here
<% end %>

# In app/views/home/_shadow_box.html.erb
<div class="shadow-one" style="width:<%= yield :box_width %>;">
  <div class="corner-a"></div>
  <div class="corner-b"></div>
  <div class="shadow-two">
    <div class="shadow-three">
      <div class="shadow-four">
        <%= yield %>
      </div>
    </div>
  </div>
</div>

这不起作用,而是导致整个代码块的双重渲染。

解决这个问题的最佳方法是什么?

4

2 回答 2

1

弄清楚了。

来自 API:“您还可以在一个布局中多次生成并使用块参数来区分各个部分。”

解决方案:

# In app/views/sessions/new.html.erb
<% render :layout => 'home/shadow_box' do | section | %>
  <%- case section when :box_width -%>
    #width goes here. I.e., 640px
  <%- when :content -%>
    #code block goes here
  <% end -%>
<% end %>

#In app/views/home/_shadow_box.html.erb
<div class="shadow-one" style="width:<%= yield :box_width %>;">
  <div class="corner-a"></div>
  <div class="corner-b"></div>
  <div class="shadow-two">
    <div class="shadow-three">
      <div class="shadow-four">
        <%= yield :content %>
      </div>
    </div>
  </div>
</div>
于 2010-08-21T00:35:21.700 回答
0

layouts首先你需要知道和之间的区别partials。部分通常来自视图,但如果您使用 ajax,也可以从控制器中使用。布局几乎总是在控制器中使用。

首先在应用程序/ 等共享文件夹中创建一个文件,然后在此文件夹中放置一个文件,您可以随意调用它,但它将包含您想要在整个站点中包含的材料。然后,当您将变量传递给局部变量时,它在局部变量中被称为局部变量。也有部分你不需要说render :partial =>你只是放render 'application/some_file'

所以从你想要的角度来看:

<%= render 'application/your_file', :div_size => '600' %>

然后从文件夹中的部分内容中application/your_file.html.erb执行以下操作:

<div style="width:<%= div_width %>px;">
   content
</div>
于 2010-08-20T23:54:00.377 回答