【发布时间】:2011-07-19 19:32:18
【问题描述】:
我有一个小演示设置,其中单击复选框可通过 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 很陌生,所以可能有一种更简单的方法可以做到这一点,但我有点卡在这里。
【问题讨论】:
标签: ruby-on-rails ajax checkbox prototypejs