{hero}

移除

自:Editor 1.5.0 起

一個使用 Editor 刪除一或多列的按鈕。
請注意 - 此屬性需要 DataTables 的 Editor 擴充功能。

描述

remove 按鈕類型由 Editor 提供,可讓您透過預先定義的按鈕輕鬆移除 DataTable 中一或多個選取的列,該按鈕將呼叫 remove() 方法來觸發資料刪除。

它使用 DataTables 的 Select 擴充功能來判斷 DataTable 中選取的資料,並將該資訊提供給 remove() 方法以刪除該資料。

remove() 方法的表單選項所有可用的選項都可以透過按鈕選項來使用(即 formButtonsformMessageformTitle)。

此按鈕需要設定 editor 選項,該選項會告知按鈕在啟用時要操作哪個 Editor 實例。透過這種方式,如果需要,可以將多個 Editor 實例附加到單個 DataTable。

選項

除了所有按鈕可用的選項(例如 buttons.buttons.text)之外,此按鈕還可以在其組態物件中設定以下選項來自訂其動作和顯示。

範例

適用於 Editor 實例 myEditor 的單個簡單移除按鈕

new DataTable('#myTable', {
	buttons: [
		{
			extend: 'remove',
			editor: myEditor
		}
	]
});

建立、編輯和移除按鈕,全部使用預設選項

new DataTable('#myTable', {
	buttons: [
		{ extend: 'create', editor: myEditor },
		{ extend: 'edit', editor: myEditor },
		{ extend: 'remove', editor: myEditor }
	]
});

帶有取消按鈕的移除按鈕

new DataTable('#myTable', {
	buttons: [
		{
			extend: 'remove',
			editor: myEditor,
			formButtons: [
				{
					label: 'Cancel',
					fn: function () {
						this.close();
					}
				},
				'Delete data'
			]
		}
	]
});

具有基於選取資料的自訂訊息的刪除按鈕

new DataTable('#myTable', {
	buttons: [
		{
			extend: 'edit',
			editor: myEditor,
			formMessage: function (editor, dt) {
				var rows = dt
					.rows({ selected: true })
					.data()
					.map(function (rowData) {
						return rowData.first_name;
					});

				return (
					'Are you sure you want to delete the data for users ' +
					rows.join(', ') +
					'?'
				);
			}
		}
	]
});