Question

我正在将旧的rails应用升级到3.1。该应用程序非常有用，但我有一些需要更新的ajax功能。（如果它有任何区别我正在使用jquery和coffeescript）

所有现有的ajax功能都是使用render：updates编写的。例如

render :update do |page|
  page.remove "financial_tran_offset_#{params[:ftof_id]}"
  page.replace_html 'details', :partial => 'details', :locals => {:obj => @fire}
end

我认为新的首选方法是使用respond_to？阻止处理js，但我不确定处理这些不同情况的最佳方法。

对于第一种情况（page.remove）我认为对于资产管道线，我应该在/ app / assets / javascripts /中有一个外部js来处理javascript端（例如page.remove）但是我不知道如何将参数传递给js文件。我猜你可以这样做：

respond_to do |format|  
  format.js {:render :js => {:ftof => params[:ftof_id]}
end

但我不确定你怎么能从js文件中选择它。这是将信息传递给js的正确方法吗？或者我应该使用另一种方法吗？

对于第二种情况（page.replace_html），我认为已经弃用/删除了3.1（根据apidock）。我怀疑这应该是在app / assets / javascript目录中使用js文件，但不确定如何渲染部分并将此信息传递给js。

感谢此区域的任何指示=）

Answer 1

将jQuery与js.erb个视图和respond_to块结合使用。

无论这个动作是什么（为了举例，我们会说FoosController#update）：

render :update do |page|
  page.remove "financial_tran_offset_#{params[:ftof_id]}"
  page.replace_html 'details', :partial => 'details', :locals => {:obj => @fire}
end

会变成：

respond_to do |format|
  format.html
  format.js     # <- this is what we're after
end

带有视图文件update.js.erb：

$('#financial_tran_offset_<%= params[:ftof_id] %>').remove();
$('#details').replaceWith('<%= escape_javascript(render(:partial => 'details', :locals => {:obj => @fire})) %>');

update.js.erb将由ERb解析，呈现为JS，通过Ajax发送回客户端并进行评估。

您可以将任何想要的内容传递给这些JS模板。毕竟，它们是ERb文件。像使用HTML / ERb视图一样使用<%= %>和实例变量。如果在JS / ERb视图中调用render，请用escape_javascript包装它以使HTML正确呈现。

render :update为Prototype调用旧的JavaScriptGenerator辅助方法。转换为jQuery非常简单，因为它们都做同样的事情：选择一个DOM元素并对其进行操作。

这是一个很好的小翻译表，有典型的操作。从控制器中删除Prototype帮助器方法，并将它们的jQuery或JS对应物放在相应的JS / ERb视图中：

       Prototype                            jQuery/Javascript
     in controller                    in JS/ERb view (xxxxxx.js.erb)
       ---------                            -----------------
page.alert "message"                 alert('message');
page.hide "id"                       $('#id').hide();
page.insert_html \
         :top,    "id", "content"    $('#id').prepend('content');
         :bottom, "id", "content"    $('#id').append('content');
         :before, "id", "content"    $('#id').before('content');
         :after,  "id", "content"    $('#id').after('content');
page.redirect_to "url"               window.location.href = 'url';
page.reload                          window.location.reload();
page.remove "id"                     $('#id').remove();
page.replace "id", "content"         $('#id').replaceWith('content');
page.replace_html "id", "content"    $('#id').html('content');
page.show "id"                       $('#id').show();
page.toggle "id"                     $('#id').toggle();

不要忘记每行上的分号！

Rails升级到3.1 - 将ajax处理从“render：update”更改为respond_to

1 个答案: