Rails 视图：如何将变量传递给部分布局？

Question

在我的一个视图中，我将布局应用于代码块：

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

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

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

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

Answer 2

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

首先在共享文件夹（例如 application/）中创建一个文件，然后在此文件夹中放置一个文件，无论您想要什么名称，都可以将其命名为任何名称，但它将包含您想要在整个站点中包含的材料。然后，当您将变量传递给分部时，它会在分部中作为局部变量进行调用。另外，对于部分，您不需要说 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>