Rails /不干扰Javascript-link_to_remote：update

Question

在浏览了很多东西之后，我浏览了很多关于该主题的文章，但是我真的很困惑，因为这个问题似乎主要是在一段时间后（当发生更改时）得到解决的，并且很少与今天的情况相匹配。

因此，我试图将Rails 2.1应用程序更新为3.2-并遇到了已弃用的link_to_remote函数。 我意识到它已被link_to：remote => true代替，但这并不能真正回答我的问题。

我正在开发的应用正在使用许多原型魔术来进行页面内渲染，如下所示：

在/acl/main.html.erb中：

<table width=95%>
<tr><td align=center valign=top width=30%> <!-- Employees List -->

    <%= render(:partial => "employee_list") %>


</td><td align=center valign=top> <!-- Roles & Privileges List -->

    <div id='roles' style="border: 1px solid black; background-color: #ddd;">
    <% if @employee.blank? %>
        <h4>Select employee to see access details.</h4>
    <% elsif @show_uploads %>
        <%= render :partial => 'employee_uploads' %>
    <% else %>
        <%= render :partial => 'employee_edit' %>
    <% end %>
    </div>

</td></tr>

然后，在acl / _employee_list.html.erb中：

<span class="simple">
<table class="production_list">

<tr>
    <th colspan=10>
    Employees &nbsp 
    <% if @show_all %>
        <%= link_to 'Show only active', {:action => "main"} %>
    <% else %>
        <%= link_to 'Show inactive', {:action => "main", :show_all => 1} %>
    <% end %>
    &nbsp 
    <%= link_to_remote  'Create',
                { :url => {:action => "create_employee"}, :update => 'roles' } %>

    </th>
</tr>
<tr class="default_header_row">
    <th width=50 class="default_header_cell small_08">Initials</th>
    <th width=190 class="default_header_cell small_08">Name</th>
    <th width=90 class="default_header_cell small_08">Access</th>
</tr>

<%= render(:partial => "employee_item", :collection => @employees) %>

</table> 
</span>

acl / _employee_create.html.erb只是一长串输入表，显然可以将其插入页面的#post div中。

所以，我的问题是- 如何在Rails 3.2中使用UJS来运行它？

我的gemfile中有默认的jquery-rails，但是我似乎找不到要处理ajax调用的位置，说实话，我不确定如何解决此问题（尤其是在更一般的方式）。 应用程序到处都有这种行为，因此我需要提出一种模仿前一种的解决方案。

Answer 1

如果您想保留原型，我建议同时使用原型和jquery。

确保您的application.js具有以下内容：

//= require prototype
//= require .....//other prototype libraries
//= require jquery
//= require jquery_ujs
//= ......//Ohter libraries


//Then add this to avoid any conflicts
jQuery.noConflict();
$j = jQuery;

当您想对jquery进行某些操作时可以使用$ j，而对于原型则可以使用$

现在，如果您只是在应用程序帮助程序中覆盖link_to_remote方法，以便呈现类似

link_to "TEXT",  URL, :remote=> true, options

和

Use a js.erb file instead of render :text=>'blah blah'

就这样，我猜

以下是一些详细信息： 更多详细信息

Answer 2

在/acl/main.html.erb中：（假设您的路由文件包含一个employee_path）

<%= link_to employees_path, remote:true %>

在/acl/employees/index.js.erb中：

<%= for employee in @employees %>
  $('table tbody').append(<%= j raw render('employee', employee:employee))
<% end %>