레일은 블록으로 부분적으로 렌더링합니다.


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
허용 대답은 정확하지만 레일 5.0.0 이후이이없이 가능하다 layout, 참조 -workaround guides.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
레일 3.2.2에서, 당신이 사용한다고 생각 <%= %>대신 <% %>예를 들어,<%= render :layout => '/shared/panel',
주 Siwei 쉔申思维

당신 말이 맞아요.이 포스트는 Rails 버전에 대해 어떤 가정도하지 않습니다.
brad

이것처럼 (내 문제를 해결하므로 +1), 이것이 좋은 습관입니까? 어떤 이유로 든 감속이 없을까요? 다른 수익률로 인해 데이터베이스가 예상보다 빨리 트리거 될 수 있습니다 (지금은 직접 조사 할 시간이 없습니다. 궁금합니다.)
동등한 것

1
콘텐츠가 산출되었는지 알 수있는 방법이 있습니까? 선택 사항 인 경우.
Vadorequest

3
Rails 5.0에서는 변경 사항이 있으므로 레이아웃뿐만 아니라 모든 부분에 일반적입니다. : 당신을 호출 코드의 첫 번째 라인을 변경할 수 있습니다<%= render '/shared/panel', title: 'some title' do %>
제이 미첼

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 2014-06-22

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.