項目を削除または復元する

ホーム > 基本的な例 > 例05

説明

項目の削除は、deleteキーとdelete機能を使って行います。

コンポーネントで対象を選択し、キーボードのdeleteキーを押すと削除されます。

また、スクリプト内で関数を呼び出すことで、selected、checked、allのいずれかを削除することもできます。

全削除、選択削除、チェック削除を行いたい場合は、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 キーでファイルが削除されると、delete イベントが発生し、関連するコールバック関数が呼び出されます。

onDX5BeforeItemsDeleting および onDX5ItemDeleting コールバック関数の戻り値が false の場合、操作はキャンセルされます。

// 削除前に呼び出されます。
function onDX5BeforeItemsDelete(id, arr) {
	// arr は、削除するアイテム ID の配列です。
	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関数を使用して復元することができます。

以下のボタンは、自動バインディングを使用して項目を削除します。

仮想ファイルは即時削除されず、削除されたままになります。