Rails の AJAX ヘルパーを使用するのはこれが初めてです。リモート true で AJAX の削除が正常に機能するようになりましたが、現在問題になっているのは check_box_tag です。他のいくつかの SO Q&A の助けを借りて、各タスクにチェックボックスがある非常に基本的な ToDo リストをセットアップしようとしています。ユーザーがチェックボックスをクリックすると、'completed' というメソッドを介して AJAX PUT リクエストが送信され、そのタスクに対応するデータベース列が true または false で更新され、何もレンダリングされません。
現在、データベースが更新されて
おらず、Chrome コンソールでチェックボックスをクリックすると 404 エラーが表示されます。
スタックトレースは、「id=undefined のプロジェクトが見つかりませんでした」と表示しています:
Started PUT "/projects/undefined/tasks/61/completed/" for 127.0.0.1 at 2013-06-10 16:55:55 -0500
Processing by TasksController#completed as HTML
Parameters: {"id"=>"61", "completed"=>"true", "project_id"=>"undefined"}
Project Load (0.2ms) SELECT "projects".* FROM "projects" WHERE "projects"."id" = ? LIMIT 1 [["id", "undefined"]]
Completed 404 Not Found in 3ms
ActiveRecord::RecordNotFound (Couldn't find Project with id=undefined):
app/controllers/tasks_controller.rb:68:in `completed'
プロジェクトには ProjectTasks などを介して多くのタスクがあるため、ネストされたリソースを使用しているため、この領域のどこかに問題があるのではないかと考えています。私のカスタム ルートは他のルートと同じ形式に一致するため、未定義で ajax コールバックが処理されない理由がわかりません。
ルート.rb:
resources :projects do
resources :tasks
end
put 'projects/:project_id/tasks/:id/completed' => 'tasks#completed'
レーキルート:
root / projects#index
project_tasks GET /projects/:project_id/tasks(.:format) tasks#index
POST /projects/:project_id/tasks(.:format) tasks#create
new_project_task GET /projects/:project_id/tasks/new(.:format) tasks#new
edit_project_task GET /projects/:project_id/tasks/:id/edit(.:format) tasks#edit
project_task GET /projects/:project_id/tasks/:id(.:format) tasks#show
PUT /projects/:project_id/tasks/:id(.:format) tasks#update
DELETE /projects/:project_id/tasks/:id(.:format) tasks#destroy
projects GET /projects(.:format) projects#index
POST /projects(.:format) projects#create
new_project GET /projects/new(.:format) projects#new
edit_project GET /projects/:id/edit(.:format) projects#edit
project GET /projects/:id(.:format) projects#show
PUT /projects/:id(.:format) projects#update
DELETE /projects/:id(.:format) projects#destroy
PUT /projects/:project_id/tasks/:id/completed(.:format) tasks#completed
tasks_controller.rb:
def completed
@project = Project.find(params[:project_id])
@task = @project.tasks.find(params[:id])
respond_to do |format|
if @task.update_attributes(params[:task])
format.html { redirect_to(project_tasks_path(@project.id)) }
format.js { render :nothing => true }
end
end
end
_task.html.erb:
<ul>
<% @tasks.each do |task| %>
<li>
<%= check_box_tag task.id, task.completed ? 'false' : 'true', task.completed, :url => url_for(:action => 'completed', :id => task.id) %>
<%= task.name %>
<%= link_to 'Edit', edit_project_task_path(@project.id, task.id) %> |
<%= link_to 'Delete', project_task_path(@project.id, task.id), confirm: "Are you sure you want to delete this task?", method: :delete, remote: true, class: 'delete_task' %>
</li>
<% end %>
</ul>
タスク.js.コーヒー:
$ ->
$('input:checkbox').change ->
checked = undefined
if $(this).is(":checked")
checked = true
else
checked = false
$.ajax
type: "PUT"
url: "/projects/" + $(this).attr('project_id') + "/tasks/" + $(this).attr('id') + "/completed/"
dataType: "html"
data:
id: $(this).attr('id')
completed: checked
success: (data, textStatus, jqXHR) ->
alert("Task has been marked as completed!")
$ ->
$('input:checkbox').change ->
if ( $(this).is(':checked') )
$(this).parent().addClass('marked')
else
$(this).parent().removeClass('marked')
正しい方向への助けをいただければ幸いです。