그래서 여러개의 열에 드래그 가능한 객체가 있습니다. 그리고 그 객체를 놓을 때 변수가 다른 열에 따라 업데이트되도록 만들 필요가 있습니다. 표시를 위해 해당 변수를 조작합니다. 나는 (ondrop) 이벤트를 태그에서 처리 할 수 없으며 dragula 이벤트 리스너의 값은 나에게 객체를 가져올 수있는 정보를 전달하지 않습니다. 어쨌든 이벤트 리스너가 html 태그 대신 객체를 전달하도록 강요합니까? 또는 메신저가 빠진 방법이 있습니까?Dragula - dragula drop 이벤트에서 클래스 전달하기
1
A
답변
1
데이터를 업데이트 할 수 있다고 생각합니다. 나는 이렇게했습니다 :
var drake = dragula({...});
function updateMyObject(elementId, listId) {
// update the object here, for example:
if (listId === 'firstList') {
// use the element id to find the item in your object and update it
myDataObject.filter(function(x) {
return x.id === elementId;
})[0].propertyToUpdate = listId;
}
}
drake.on('drop', function(el, target, source, sibling) {
var elementId = el.id;
updateMyObject(el.id, target.id);
});
이 펜이 도움이 될 수 있습니다. 데이터 모델링을 위해 Dragula를 Angular.js와 혼합합니다. 이벤트가 발생할 때 데이터 모델을 업데이트해야합니다. http://codepen.io/chris22smith/pen/37459a002cbe6b6cd37aa5e927698fba
1
내가 찾은 유일한 해결책은 다른 drag'n'drop 모듈을 사용하는 것으로부터 사용자가 페이지를 닫거나 다른 것으로 갈 때의 순서를 저장하는 것입니다. 또는 drop 이벤트가 catch 가능하지만 클래스 객체를 제공 할 수없는 것처럼 보이기 때문에 변경 사항이있을 때이를 감지하고 모든 것을 업데이트 할 수 있습니다. 그러나 이것이 최선의 해결 방법은 아닙니다. 하나의 변수를 업데이트하는 것보다 시스템 리소스에 과도한 부담이 있습니다.
0
order #을 요소의 속성으로 전달하면 drake.on 함수에서 액세스 할 수 있습니다. oder # 및 ID를 사용하여 수행 할 작업을 파악하고 백엔드에서 올바른 업데이트를 수행 할 수 있어야합니다.
관련 문제
- 1. Angular2의 dragula 모델이
- 2. Angular CLI로 Dragula 설치
- 3. Angular 2 dragula 구성
- 4. aurelia-dragula 플러그인을 사용할 수 없습니다.
- 5. Angular2/Ionic2 + ng2-dragula 아무도 작동시키지 않았습니까?
- 6. angular2 & ng2-dragula - 구성 요소에 지시문을 추가하십시오.
- 7. Dragula - 다른 요소에 하나 개의 컨테이너에서 드래그 요소
- 8. 각도/2 : ng2-dragula - 동적 중첩 요소 만들기
- 9. dragula 자바 스크립트를 사용하여 떨어 뜨린 div의 ID를 얻습니다.
- 10. Drop 이벤트에서 QTreeWidgetItem 개체를 검색하십시오.
- 11. Drop 이벤트에서 객체의 형식 확인
- 12. Drop 이벤트에서 WPF DragDropEffects가 제대로 설정되지 않았습니다.
- 13. 인스턴스간에 다른 클래스 전달하기
- 14. jquery table dnd 플러그인이 gridview - drop 이벤트에서 작동하지 않습니다.
- 15. UWP의 Drop 이벤트에서 실제 떨어 뜨린 UIElement 객체 얻기
- 16. dragula js를 사용하여 항목을 끌어다 놓을 때 항목 ID 및 대상 부모 ID (컨테이너 ID)를 얻는 방법
- 17. Spark random drop drop rows
- 18. Python의 클래스 함수에 자체 전달하기
- 19. 클래스 메서드에 여러 함수 전달하기
- 20. const 참조로 Qt 클래스 전달하기
- 21. 가져온 라이브러리에 서브 클래스 전달하기
- 22. C++ Windows 플러그인 - 클래스 전달하기
- 23. 클래스 기반 폼간에 데이터 전달하기
- 24. C++에서 클래스 객체 전달하기
- 25. 클래스 참조를 통해 선택기 전달하기
- 26. Dojo 중단 dnd/drop/do/drop 작업이
- 27. PostgreSQL의 "DROP COLUMN"키워드와 "DROP"키워드의 차이점
- 28. 자바 스크립트의 드래그 앤 드롭 이벤트에서 CSS 클래스 추출
- 29. ctypes.Structure에서 상속받은 클래스의 서브 클래스 전달하기
- 30. android/java : 액티비티간에 중첩 클래스 전달하기
향후 추천/시청자를위한 예시 코드 스 니핏을 게시 할 수 있습니까? – Erudaki