如何在 Rails 中另一个模型的"Show"页面中呈现部分"Edit"窗体



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

我的模型看起来像这样:旅行有很多日子,有很多活动。旅行几天接受嵌套属性。Days接受活动的嵌套属性。

当我在旅行的"表演"视图中,如何为"活动"呈现"编辑"形式?

我知道我需要以某种方式指定我要编辑的活动ID,但我不确定如何从" trip"的"显示"视图中传递该信息。

    <% @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> 

我/活动/形式的部分看起来像这样:

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

这是我最终做的事,它有效。

在我的show.html.erb中,我的"旅行"。

show.html.erb

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

链接到"编辑'活动。请注意:远程=> true,它告诉Rails Controller这将是AJAX请求

<%= 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/active/_form/_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)下的文件。说使用" activity_form"的ID抓住DOM元素并渲染部分" form"

$("#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

最新更新