Home > 멀티 버전 > 삭제/복구
항목을 삭제 또는 복구하는 예제입니다.
설명

항목은 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 함수를 사용하여 복구가 가능합니다.

예제

 

다음 버튼들은 자동 바인딩을 사용하여 항목을 삭제합니다.

가상 파일은 바로 삭제되지 않고, 삭제된 상태로 보관이 됩니다.