我已经实现了一个基于ajax的按钮来添加和删除用户的“愿望清单”中的日历事件。该按钮表现为一个切换开关。如果该活动已经在他们的愿望清单上,它将删除它;如果不是,那么它会添加它。如何正确设置ajax button_to上的路线?
我的问题是,该按钮可以在第一次加载页面时正常工作,但是在点击它并用新的button_to替换为AJAX后,它不再有效。
我看着this post但他有一个稍微不同的架构,我不想完全重构这个,只是如果我能避免它。我有一个保存事件的单独模型。这里有三种模式:用户,事件和saved_events。用户和事件之间存在多对多的关系,这表示为saved_event。这里是模型的相关代码。
user.rb:
has_many :saved_events
has_many :events, :through => :saved_events
event.rb:
has_many :saved_events
has_many :watchers, :class_name => "User", :through => :saved_events, :source => :user
saved_event.rb:
belongs_to :event
belongs_to :user
我已经配置相当标准的路线。
的routes.rb:
resources :saved_events, :only => [:index,:create,:destroy]
resources :users
resources :events
我最初想看看这个按钮的事件的页面,所以我把它添加到该事件的show.html.erb。 (我知道这是不是很干,但 - 我在等待,直到它正常工作,将其移动到部分)
事件/ show.html.erb:
<% if [email protected]_watched %>
<%= button_to "Add to Wishlist", { :action => 'create', :controller => 'saved_events', :id => @event.id }, :remote => true %>
<% else %>
<%= button_to "Remove from Wishlist", saved_event_path(@event), :remote => true, :method => 'delete' %>
<% end %>
events_controller.rb:
def show
@event = Event.find(params[:id])
@is_watched = @event.watchers.exists?(current_user) if !current_user.nil?
respond_to do |format|
format.html # show.html.erb
format.xml { render :xml => @event }
format.json { render :json => @event }
end
end
saved_events_controller.rb:
def create
logger.debug params.to_yaml
@event = Event.find(params[:id])
if !current_user.events.exists?(params[:id])
current_user.events << @event
end
respond_to do |format|
format.js
end
end
def destroy
logger.debug params.to_yaml
@event = current_user.events.find(params[:id])
current_user.events.delete(@event)
respond_to do |format|
format.js
end
end
我与阿贾克斯的目标是刚刚换出加形式与删除表单(反之亦然)。所以我有一个create.js.erb和一个destroy.js.erb,它们使用来自events/show.html.erb的相同代码。
saved_events/create.js.erb:
$(".button_to").html("<%= escape_javascript button_to "Remove from Wishlist", saved_event_path(@event), :remote => true, :method => 'delete' %>");
saved_events/destroy.js.erb:
$(".button_to").html("<%= escape_javascript (button_to "Add to Wishlist", { :action => 'create', :controller => 'saved_events', :id => @event.id }, :remote => true) %>");
这是我在日志中看到,如果第二个按钮点击是“删除”
Started DELETE "/saved_events?id=1" for 127.0.0.1 at 2011-12-02 11:56:58 -0600
ActionController::RoutingError (No route matches [DELETE] "/saved_events"):
这是我在日志中看到,如果第二个按钮是点击‘加’
Started POST "/saved_events/1" for 127.0.0.1 at 2011-12-02 11:59:12 -0600
ActionController::RoutingError (No route matches [POST] "/saved_events/1"):
在初始加载页面时,添加按钮有“/ saved_events?ID = 1“作为它的动作,所以我很困惑,为什么它会是”/ saved_events/1“的第二个按钮点击。