如何在Rails中的另一个模型的“显示”页面中呈现“编辑”表单部分

时间:2012-11-05 20:44:13

标签: ruby-on-rails ruby-on-rails-3

我想在父对象的“显示”视图中显示“编辑”表单。

我的模特看起来像这样: 旅行有很多天,有许多活动。 Trip接受Days的嵌套属性。 Days接受活动的嵌套属性。

当我在旅程的“显示”视图中时,如何为“活动”呈现部分“编辑”表单?

我知道我需要以某种方式指定编辑表单部分我要编辑哪个活动ID但我不确定如何从“旅行”的“显示”视图传递该信息。

    <% @trip.days.each do |day| %>
    <div id="daydiv_<%= day.id %>">
      <b><%= day.summary %></b>
        <%= content_tag_for :ol, day do %>
          <% day.activities.each do |activity| %>
                <li id="activity_<%= activity.id %>"><%= link_to activity.address, edit_activity_path(activity) %></li>
          <% end %>
      <% end %>
    </div>
    <% end %>

<div id="activity_form">
  <%= render :partial => "/activities/form", :activity => @activity  %>
</div> 

my / activities / form partial看起来像这样:

<%= form_for(@activity) do |f| %>
  <div class="field">
    <%= f.label :title %><br />
    <%= f.text_field :title %>
  </div>

  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>

1 个答案:

答案 0 :(得分:5)

这就是我最终做的事情并且有效。

在我的show.html.erb中为我的“旅行”。

<强> show.html.erb

<div id="activity_form">
<h2>Activities</h2>
</div> 

链接到“编辑”一个活动。请注意:remote =&gt; true告诉Rails控制器这将是一个AJAX请求,以便呈现edit.js.erb

<%= link_to activity.location[0, 20], edit_day_activity_path(day, activity), :class=>"btn btn-info fixedwidthbtn", method: :get, :remote => true 

_form.html.erb 此表单部分位于“活动视图”目录下(../ views / activities / _form.html.erb)。

<%= form_for([@day, @activity], :remote => true) do |f| %>
<fieldset>
  <%= f.label :title, "Activity" %>
  <%= f.text_field :title, :rows => 1 %> 
</fieldset>
  <div class="actions">
    <%= f.submit %>
  </div>
</form>
   <%= link_to 'Delete', [@day, @activity], method: :delete, data: { confirm: 'Are you sure?' } %>
<% end %>

edit.js.erb 这是“活动”视图目录下的文件(../views/activities/edit.js.erb)。说获取ID为“activity_form”的DOM元素并呈现部分“表单”

$("#activity_form").html("<%= escape_javascript(render(:partial => "form"))%>");

update.js.erb 我在编辑表单上点击更新后包含此javascript,以呈现活动列表的更新部分。这样我就不必重新加载页面来查看更新。

$("#activities_list").html("<%= escape_javascript( render(:partial => "/trips/activities") ) %>");

routes.rb 这是我嵌套路线的方式。只按照最佳实践做到1级。

resources :trips do 
  resources :days 
end

resources :days do 
  resources :activities 
end