jquery - 使用 Rails、jquery 和 best_in_place gem 就地编辑

Question

我有一个任务列表应用程序，其中任务按类别显示。

我在两个地方列出了类别。我允许使用 best_in_place gem 就地编辑类别名称。我的工作正常。我的问题是，由于我在两个地方都有类别名称，并且我只是在原地编辑它的一个出现，所以我需要在表单提交后用新名称更新未编辑的名称的另一个外观. 刷新/重新加载受影响类别名称的最佳方法是什么？

谢谢。

Answer 1

您需要使用回调。

使用 gem 的描述（https://github.com/bernat/best_in_place）我得到了这个：

<%= best_in_place @user, :name, :data => {:user_name => @user.name}, :classes => 'custom_class'  %>

$('.custom_class').bind("ajax:success", function(){ alert('Name updated for '+$(this).data('userName')); });

因此，在您的情况下，您需要执行以下操作：

$("#other_ocurrence_id").html($(this).data('userName'));

Answer 2

如果你有这个代码（haml）

= best_in_place @user, :name, :classes => 'name-edit'

你确实需要一个回调。但是，在回调处理程序的上下文中，“this”表示调用的元素，所以你可以这样做

$('.name-edit').on 'ajax:success', (event, data, status, xhr) ->
  $('.some-other-widget').html this.innerHTML

并以这种方式将新值传递给另一个小部件。回调处理程序中的事件还具有 currentTarget 作为属性，它是启动 ajax 请求的小部件。但是，我认为没有必要。