{hero}

删除

从版本:编辑器 1.5.0 开始

使用编辑器删除一行或多行数据的按钮。
请注意——此属性需要适用于 DataTables 的编辑器扩展。

说明

由编辑器提供remove按钮类型可通过预定义按钮轻松删除 DataTable 中一行或多行已选择行,该按钮会调用remove()方法触发数据删除。

它使用适用于 DataTables 的选择扩展确定在 DataTable 中选择的数据,并将该信息提供给remove()方法,以便删除该数据。

remove()方法表单选项可用的所有选项都可通过按钮选项(即formButtonsformMessageformTitle)获得。

此按钮要求必须设置editor选项,该选项告知按钮在激活时应在哪个编辑器实例上执行操作。通过这种方式,如果需要,可以将多个编辑器实例附加到一个 DataTable 上。

选项

除了那些可用于所有按钮的选项之外(例如buttons.buttons.text),此按钮还可以在其配置对象中设置以下选项以自定义操作和显示。

示例

针对编辑器实例 myEditor 的一个简单的 remove 按钮

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(', ') +
					'?'
				);
			}
		}
	]
});