RJ中的UJS部分渲染3

Question

我正在努力探讨如何在Rails中实现UJS（特别是使用jQuery的Rails 3）。 我已经通过Ryan的Railscast工作了 ，并且可以按照通过AJAX提交表单时要做的事情，但是我无法将这个概念扩展到将javascript函数附加到我的视图文件中的html元素。 最后，我希望能够创建一个表单，根据选择的系列中的哪个单选按钮呈现不同的部分。 我应该考虑使用Prototype遗留助手吗？ 我什么时候需要创建.js.erb文件？

很抱歉新手问题，我一直无法找到明确概述UJS的概念以及如何在Rails应用程序中使用它/切换来自RJS方法的代码。 任何帮助将非常感激！

Answer 1

通过在表单上使用remote => true ，您的数据将转到服务器，并且返回的所有javascript将仅在页面的上下文中执行，因此这是一个简单的示例：

<%= form_tag '/action_path', :remote => true do %>
  <%= radio_button_tag 'partial', 'one' %>
  <%= radio_button_tag 'partial', 'two' %>
  <%= submit_tag 'select' %>
<% end %>

<div id="partial_holder">

</div>

在服务器上

def action
  #do whatever you want with parameters
end

在action.js.erb文件中

$('#partial_holder').html("<%= escape_javascript(render(:partial => params[:partial])) %>")

Answer 2

在action.js.erb文件中

$('#partial_holder').html(<%= escape_javascript(render(:partial => params[:partial])) %>)

上面的行有一个小错误，html方法里面的ruby标签应该在引号内。 以下将有效。

$('#partial_holder').html("<%= escape_javascript(render(:partial => params[:partial])) %>")

Answer 3

有关UJS概念的更多信息，请参阅以下链接：

http://www.railsinside.com/tips/451-howto-unobtrusive-javascript-with-rails-3.html

http://joshhuckabee.com/jquery-rails-3

http://therailworld.com/posts/26-Using-Prototype-and-JQuery-with-Rails3-UJS-

http://www.metaskills.net/2010/1/29/unobtrusive-js-in-rails-3-with-prototype

Answer 4

由于我的一些奇怪的原因，上述解决方案不起作用。 这样做：

Element.replace('element_id', '<%= escape_javascript(render(:partial=>"foo")) %>');

请注意围绕红宝石块的'。