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

Posted 2023-02-15

【中文标题】使用 Rails、jquery 和 best_in_place gem 就地编辑

【英文标题】：In-place editing with Rails, jquery and best_in_place gem

【发布时间】：2013-03-06 07:56:03

【问题描述】：

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

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

谢谢。

【参考方案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'));

【讨论】：

这行不通。最好的 :data 绑定将存储引用的属性的原始值。您必须对 dom 进行一些解析才能获得新值。看我的回答。

【参考方案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 请求的小部件。但是，我认为没有必要。