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

컴포넌트에서 대상을 선택하고 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 함수를 사용하여 복구가 가능합니다.

예제

 

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

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