繁体   English   中英

Rails嵌套资源-使用form_for部分创建和编辑2个级别

[英]Rails Nested Resources - create and edit 2 levels away with form_for in partial

真的让我的脑筋on肿了。 我是Rails的新手,尝试做一些我确定不太困难的事情。

我有一个模型“旅行”,其中有很多“天”,其中有很多“活动”

我在“旅行”的show.html.erb视图中,在此视图中,我正在渲染表单的部分内容,该表单应允许我创建一个与“日”相关联的新“活动”或编辑现有的已经属于“一天”的“活动”

如何在部分表单中传递给form_for,我要为其创建新的“活动”的局部变量“ Day”。 并使用部分相同的表单,我如何检索与“活动”相关联的“日期”? 最终,这些将是AJAX加载的对象。 我已经搜索了过去几个小时,找不到类似的示例。 我非常感谢您的帮助。

routes.rb

  resources :trips do
    resources :days    
  end

  resources :days do
    resources :activities
  end 

行程的show.html.erb

<div id="activities_list">
  <%= render :partial => "activities" %>
</div> 

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

<div id="bottom">
<%= link_to 'Edit', edit_trip_path(@trip) %> |
<%= link_to 'Back', trips_path %>
</div>

_activities.html.erb部分

<h1><%= @trip.title %></h1>

<% @trip.days.each do |day| %>
<div id="blech_<%= day.id %>">
  <b><%= day.summary %></b>
      <% day.activities.each do |activity| %>
            <li id="activity_<%= activity.id %>"><%= link_to activity.address, edit_day_activity_path(day, activity), :remote => true  %></li>
      <% end %>
    <% end %>
  <%= link_to 'New Activity', new_day_activity_path(day), :remote => true %>
</div>
<% end %>

_form.html.erb部分我知道我需要使用(@ day,@ activity)变量来调用day_activity_path。 但我不知道如何在这里获取@day变量

  <%= form_for([@activity], :remote => true) do |f| %>
     <fieldset>
       <%= f.label :title, "Activity" %><br />
       <%= f.text_field :title, :rows => 1 %><br />
     </fieldset>

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

好的,假设您要添加一天的新活动。

不要忘记我们在这里使用REST(http://old.thoughtsincomputation.com/posts/understanding-rest-in-rails-3)

我们的一天必须进行很多活动,而我们的活动属于一天

class Day < ActiveRecord::Base
  has_many :activities
end

class Activity < ActiveRecord::Base
  belongs_to :day
end

我们的路线应该像我

resources :days do
  resources :activities
end

有了路线,我们拥有的生成路径就像

days_path
day_path
new_day_path

new_day_activity_path
delete_day_activity_path
edit_day_activity_path

在我们的日视图中,我们位于localhost:3000 / days / 1之类的网址(DaysController,动作显示)

在这种情况下,我们可以添加@activity = Activity.new,并在下面的部分添加以下表格

<%= form_for [@day, @activity] do |form_field| %>
  rest_code_goes_here
<% end %>

该表格将在ActivityController中的action:create with day提交,然后控制器将检查验证并保存。

看看链接是一个小应用程序,我已经使用过类似的东西https://github.com/leftis/tefteraki/blob/master/app/views/debts/_new_dose.haml

哦,这实际上意味着旅行有很多天,而资源有更多类似的嵌套

resources :trips
  resources :days
    resources :activities
  end
end

因此,当您在local / trips / 1 /中时,您实际上在TripController中,请显示动作,而无需创建一天,就无法做到这一点。您可以在当日拥有一个可将嵌套表单用于活动的表单。

最简单的方法是ryan bates的瑰宝https://github.com/ryanb/nested_form,但要做到这一点,您必须先将关系从habtm更改为

class Day
  has_many :activities
end

class Activity
  belongs_to :day
end

然后您将在行程显示视图中添加一个日间表单

<% nested_form_for [:trip, Day.new], :remote => true do |form| %>

  <%= form.text_field :date %>

  <%= form.fields_for :activities do |activity_form| %>
    <%= activity_form.text_field :name %>
    <%= activity_form.link_to_remove "Remove this activity" %>
  <% end %>
  <p><%= form.link_to_add "Add an activity", :tasks %></p>

<% end %>

表单现在向DaysController.create发出了一个带有行程和活动参数的请求,并要求将其送达

检查gem和我的应用程序,我正在使用所有这些功能,希望对您有所帮助!!!

这就是我最终所做的,并且有效。

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

show.html.erb

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

链接到“编辑”一个活动。注意:remote => 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元素并呈现部分“ form”

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

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

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

route.rb这就是我嵌套路线的方式。 遵循最佳做法仅做1级。

资源:旅行做资源:天结束

资源:天做资源:活动结束

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM