acts_as_listとin_place_editingを同時に使用する

Question

私は、そのビューにアイテムのリストが表示されるレールプロジェクトを持っています。私はacts_as_listを使ってリストDnDを注文可能にし、各アイテムのin_place_editingを編集します。

私の問題は、周囲のアイテムをDnDすると、ドロップすると自動的にドラッグするアイテムが編集可能になるということです。どのように私はその行動を避けることができるかについてのヒント。

理想的には、アイテムの横にある小さなアイコンをクリックして編集可能にしたいのですが、このプラグインでどのように動作させるかわかりません。

ありがとうございます。

Answer 1

これは、ドラッグしている要素に、編集を開始するmouseupのリスナーがあるためです。別の要素で編集をトリガーする場合は、optionsハッシュに：external_controlを指定できます。

<div id="<%= dom_id(@obj) -%>"> 
    <span><%= @obj.to_s -%></span> 
    <img id="<%= dom_id(@obj, :edit) -%>" src="edit_handle.png"/> 
</div> 
<%= in_place_editor(dom_id(@obj), :external_control => dom_id(@obj, :edit)) %> 
<%= draggable_element(dom_id(@obj)) %>