如何升级:update=>'div_id'从 Rails 2 到 Rails 3 的 remote_form_for 选项？

Question

我不知道如何将此代码从 Rails 2 升级到 Rails 3：

<% remote_form_for(item, :update => 'div_id') do |f| %>
... 

我尝试了以下操作：

<%= form_for :item, :remote => true, :url => { :controller => "items", :action => "create" }, :update => 'div_id' do |f| %>
...

它创建了新项目，但在

更新内容失败 “div_id”>

标签。 Rails 3 似乎不再支持远程 form_for 的“:update”选项。有什么建议吗？

Answer 1

您可以使用 RJS，但它也已被弃用（并且有充分的理由）。在 Rails 3+ 中处理此问题的简化最佳实践方法如下（假设 jQuery）：

# your_view.html.erb
<div id="receiver-id"></div>

<%= form_for :some_model, :remote => true, :id => 'form-id' do |f| %>
  ...
<% end %>


# application.js (or any other .js loaded on the page)
$(function(){
  $('#form-id').bind('ajax:success', function(xhr, data, status){
    $('#receiver-id').html(data);
  });
});

jquery-ujs（又名 jquery-rails、又名 Rails-）调用 ajax:success 挂钩ujs) 远程链接/表单处理程序。 亲自看看。 有还有许多其他回调/挂钩可供您使用。如果您想让它更加灵活，您可以使用 live 而不是 bind，并绑定到一个指示输出去向的类（例如“侧边栏”）和那么所有带有 sidebar 类的远程链接/表单都会将其 HTML 响应发送到 div#sidebar。

Answer 2

最直接的方法是编写一个 javascript 视图模板，例如 create.js.erb ，它看起来像这样：（

$('#div_id').html("<%= escape_javascript(render(@item)) %>");

当然，取决于您的设置，我假设@item 变量和关联的 _item 部分）

编辑：
科里沃德是对的。这是 RJS 方式，更像是老式的 Rails 2.x“Rails 方式”。它可能更熟悉，但有问题。实际上，您的具体情况就是其中之一，通常您可能会绑定到 HTML 元素以使用记录的 id （例如 div #item_1）进行更新，并在 create 中如果事先没有可用的 id ，事情就会变得复杂。

通过客户端 JS 绑定消除了这个问题。 RJS 在某种真空中工作，对客户端 HTML 的状态做出假设并且无法访问它。

Answer 3

我知道这个问题很老了，但是当我迁移到 Rails 3 时，我发现了一个很好的方法来做到这一点，所以我想我会把它发布在这里，以防其他人有类似的解决方案。

在layouts/update_page.js.erb中，我放置了这个文件：

$j('#<%=@update_div_id||"list_div"%>').html('<%= escape_javascript render(:partial => (@partial_div||"index"), :locals => @local_hash) %>');

这主要用于使用远程的搜索，因此在控制器的索引操作中，我刚刚添加了以下代码。

respond_to do |format|
  format.html
  format.js {render 'layouts/update_page'}
end

由于正在使用远程，它总是会首先尝试使用 javascript，因此它将从上面渲染 update_page.js.erb 文件。对于我们来说，我们几乎总是在索引页面上使用 div#list_div，因此我们默认更新它，但是如果您需要更新不同的内容，您可以传入 @update_div_id，如果您需要渲染不同的页面，你可以传入@partial_div。

澄清一下，对于很多事情，使用回调可能是更好的做法，但我发现当我们必须迁移近 100 个这样的调用时，这是一种更简单的方法。