在我的Rails3应用程序中,我有一组复选框来列出任务清单。每当勾选或取消勾选其中一个复选框时,我想向服务器发起ajax回调。这段代码是一个更大表单的一部分:
这是生成的HTML代码:
如果我在表单中添加一个提交按钮,它可以正常工作,但这看起来不太吸引人。
'onclick="$(this).parent().trigger('submit.rails');"'是我试图在选中复选框时触发rails提交代码的徒劳尝试。父级(表单)永远找不到。会生成一个javascript错误"Object # has no method 'parent'"。
我相信我已经非常接近解决它了,但显然我漏掉了什么。
<% @provider.tasks_assigned.each do |task_assigned| %>
<%= form_for :task_assigned, :url => { :controller => "tasks_assigned",
:action => 'update' }, :remote => true do |t|%>
<%= t.hidden_field :id, :value => task_assigned.id %>
<%= t.check_box :provider_completed,
{ :checked => task_assigned.provider_completed,
:onclick => "$(this).parent().trigger('submit.rails');" } %>
<%= t.label :provider_completed,
task_assigned.task_desc.gsub(/(\n\r|\r\n|\n)/, '<br>').html_safe,
:style => "color: #666666; margin-top: 0px;" %>
<br />
<% end %>
<% end %>
这是生成的HTML代码:
<form accept-charset="UTF-8" action="/tasks_assigned/update" data-remote="true"
method="post">
<div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden"
value="✓" />
<input name="authenticity_token" type="hidden"
value="jECJ4FkV48T5EgCEE0hhPvsbWjG+WGXn59L2knMv7No=" />
</div>
<input id="task_assigned_id" name="task_assigned[id]" type="hidden" value="25" />
<input name="task_assigned[provider_completed]" type="hidden" value="0" />
<input id="task_assigned_provider_completed" name="task_assigned[provider_completed]"
onclick="$(this).parent().trigger('submit.rails');" type="checkbox" value="1" />
<label for="task_assigned_provider_completed"
style="color: #666666; margin-top: 0px;">abc</label>
<br />
</form>
<form accept-charset="UTF-8" action="/tasks_assigned/update" data-remote="true"
method="post">
<div style="margin:0;padding:0;display:inline">
<input name="utf8" type="hidden" value="✓" />
<input name="authenticity_token" type="hidden"
value="jECJ4FkV48T5EgCEE0hhPvsbWjG+WGXn59L2knMv7No=" />
</div>
<input id="task_assigned_id" name="task_assigned[id]" type="hidden" value="24" />
<input name="task_assigned[provider_completed]" type="hidden" value="0" />
<input id="task_assigned_provider_completed" name="task_assigned[provider_completed]"
onclick="$(this).parent().trigger('submit.rails');" type="checkbox" value="1" />
<label for="task_assigned_provider_completed"
style="color: #666666; margin-top: 0px;">Provider completed</label>
<br />
</form>
<form accept-charset="UTF-8" action="/tasks_assigned/update" data-remote="true"
method="post">
<div style="margin:0;padding:0;display:inline">
<input name="utf8" type="hidden" value="✓" />
<input name="authenticity_token" type="hidden"
value="jECJ4FkV48T5EgCEE0hhPvsbWjG+WGXn59L2knMv7No=" />
</div>
<input id="task_assigned_id" name="task_assigned[id]" type="hidden" value="22" />
<input name="task_assigned[provider_completed]" type="hidden" value="0" />
<input id="task_assigned_provider_completed" name="task_assigned[provider_completed]"
onclick="$(this).parent().trigger('submit.rails');" type="checkbox" value="1" />
<label for="task_assigned_provider_completed"
style="color: #666666; margin-top: 0px;">a<br>b<br>c</label>
<br />
</form>
如果我在表单中添加一个提交按钮,它可以正常工作,但这看起来不太吸引人。
'onclick="$(this).parent().trigger('submit.rails');"'是我试图在选中复选框时触发rails提交代码的徒劳尝试。父级(表单)永远找不到。会生成一个javascript错误"Object # has no method 'parent'"。
我相信我已经非常接近解决它了,但显然我漏掉了什么。