설명
항목은 delete 키, 삭제 함수를 사용하여 삭제가 가능하다.
컴포넌트에서 대상을 선택하고 키보드 상의 delete 키를 누르면 삭제가 된다.
이와 달리 스크립트 상에서 함수를 호출하여, 선택된 것 삭제, 체크된 것 삭제, 전체 삭제를 할 수 있다.
전체 삭제, 선택된 것 삭제, 체크된 것 삭제의 경우 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 함수를 사용하여 복구가 가능하다.
예제
다음 버튼들은 자동 바인딩을 사용하여 항목을 삭제한다.
가상 파일은 바로 삭제되지 않고, 삭제된 상태로 보관이 된다.