- 설명
-
항목은 delete 키, 삭제 아이콘, 삭제 함수를 사용하여 삭제가 가능합니다.
컴포넌트에서 대상을 선택하고 delete 키를 누르거나, 삭제('X') 아이콘을 클릭하면 삭제가 됩니다.
이와 달리 스크립트 상에서 함수를 호출하여, 선택된 것 삭제, 체크된 것 삭제, 전체 삭제를 할 수 있습니다.
전체 삭제, 선택된 것 삭제, 체크된 것 삭제의 경우 dx5.create 함수에서 btnDeleteAll, btnDeleteSelected, btnDeleteChecked 속성을 사용하여 자동으로 바인딩할 수 있습니다.
<button id="btn-delete-all">전체 삭제</button> <button id="btn-delete-selected">선택 삭제</button> <button id="btn-delete-checked">체크 항목 삭제</button> <script> dx5.create({ ... // 버튼을 연결합니다. btnDeleteAll: "btn-delete-all", btnDeleteSelected: "btn-delete-selected", btnDeleteChecked: "btn-delete-checked" }); </script>
파일이 delete 키, 삭제 아이콘에 의해 삭제가 될 때는 삭제 이벤트가 발생하며, 연결된 콜백 함수를 호출합니다.
onDX5BeforeItemsDelete, onDX5ItemDeleting 콜백 함수의 경우 반환 값이 false이면 작업이 취소됩니다.
// 삭제를 시작하기 전에 호출됩니다. function onDX5BeforeItemsDelete(id, arr) { // arr은 삭제하려는 항목 아이디 배열입니다. return confirm(arr.length + "개 항목을 삭제하시겠습니까?"); } // 개별 삭제 전에 호출됩니다. function onDX5ItemDeleting(id, itemId) { var item = dx5.get(id).getItemById(itemId); return confirm(item.name + " 항목을 삭제하시겠습니까?"); } // 삭제가 완료되면 호출됩니다. function onDX5ItemsDeleted(id, count) { alert(count > 0 ? count + "개 항목이 삭제되었습니다." : "삭제된 항목이 없습니다."); }
일반 로컬 파일과 달리, 가상 파일이 삭제되는 경우 바로 제거되지 않고 내부에 남게 됩니다.
삭제된 가상 파일은 getRemovedFiles 함수를 사용하여 정보를 확인할 수 있으며, 필요에 따라 revokeAllVirtualFiles 함수를 사용하여 복구가 가능합니다.
- 예제
-
다음 버튼들은 자동 바인딩을 사용하여 항목을 삭제합니다.
가상 파일은 바로 삭제되지 않고, 삭제된 상태로 보관이 됩니다.