acts_as_list 및 in_place_editing을 동시에 사용하기

Question

필자는보기에 항목 목록을 표시하는 레일스 프로젝트가 있습니다. acts_as_list를 사용하여 목록 DnD를 주문 가능하게 만들고 각 항목의 in_place_editing을 편집합니다.

내 문제는 내가 주위에있는 항목을 찾을 때 내가 끌어다 놓을 때 자동으로 끌어 오는 항목이 편집 가능하게된다는 것입니다. 그 행동을 피할 수있는 방법에 대한 조언.

이상적으로, 항목 옆에있는 작은 아이콘을 클릭하여 편집 가능하게 만들고 싶습니다. 그러나이 플러그인으로 작업하는 방법을 모르겠습니다.

미리 감사드립니다.

Answer 1

드래그하는 요소에 마우스를 올려 놓고 편집을 시작하는 리스너가 있기 때문에 이런 현상이 발생합니다. 다른 요소가 편집을 시작하게하려면 옵션 해시에 : 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)) %>