我有一个小演示设置,其中单击复选框可通过 AJAX 切换属性。它工作正常,但 Rails 确实想要渲染一些东西,所以我基本上诉诸于在我的视图中创建一个空白的toggle.js.erb 文件。
有问题的控制器操作:
def toggle
@task = Task.find(params[:id])
respond_to do |format|
format.js do
if (@task.status != true)
@task.status = true
else
@task.status = false
end
@task.save
render :layout => false
end
end
end
查看有问题:
<h1>Tasks</h1>
<ul style="list-style-type: none;">
<% @tasks.each do |task| %>
<li id="<%= dom_id(task) %>">
<%= check_box_tag(dom_id(task), value = nil, checked = task.status) %>
<%= task.action %> <%= link_to 'Edit', edit_task_path(task) %>
<%= link_to 'Delete', task, :confirm => 'Are you sure?', :method => :delete, :remote => true %>
</li>
<% end %>
</ul>
<%= link_to 'New Task', new_task_path %>
<script>
$$('input').each(function(el) {
el.observe('click', function(event) {
// Get the task ID
var elId = el.id.split("_")[1];
// Build the toggle action path
var togglePath = '/tasks/' + elId + '/toggle/';
// Create request, disable checkbox, send request,
// enable checkbox on completion
new Ajax.Request(togglePath, {
onCreate: function() {
el.disable();
},
onSuccess: function(response) {
},
onComplete: function() {
el.enable();
}
});
});
});
</script>
如果没有视图中的空白toggle.js.erb 文件,Rails 仍然会给我一个错误,说它正在尝试渲染某些内容。
最终,我希望两者都不必有一个空白的toggle.js.erb 文件,并且我希望将Prototype 内容放入我的静态JavaScript 内容中并从视图中移出。
我对 Rails 还很陌生,所以可能有一种更简单的方法来做到这一点,但我有点被困在这里。