รางแสดงบางส่วนพร้อมบล็อก


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 โปรดดูที่guide.rubyonrails.org/…
fabi

คำตอบ:


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 ฉันแน่ใจว่าทุกคนสามารถเข้าใจได้
brad

เช่นนี้ (แก้ปัญหาของฉันเพื่อ +1) แต่การปฏิบัตินี้ดีหรือไม่ จะไม่มีการชะลอตัวด้วยเหตุผลบางประการ? ฐานข้อมูลอาจทริกเกอร์เร็วกว่าที่คิดเนื่องจากผลตอบแทนอื่น (ไม่มีเวลาตรวจสอบด้วยตัวเองตอนนี้แค่สงสัย)
เทียบเท่า

1
มีวิธีใดที่จะทราบได้ว่ามีการแสดงเนื้อหาหรือไม่? ในกรณีที่เป็นทางเลือก
Vadorequest

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

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.