{hero}

编辑

自:编辑器 1.5.0

使用“编辑器”编辑一个或多个现有行的按钮。
请注意 - 此属性需要 编辑器DataTables 扩展。

描述

edit 由编辑器添加到 DataTables 的按钮类型,并提供一个预定义按钮,它将调用 edit() 方法来触发对数据表中所选行的编辑。

它使用 DataTables 中的 Select 扩展来确定数据表中选择了哪些数据,并将该信息提供给 edit() 方法来编辑该数据。

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

此按钮要求必须设置 editor 选项,该选项告诉按钮在激活时操作哪个编辑器实例。这样,如果需要,可以将多个编辑器实例附加到单个数据表。

选项

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

示例

适用于 Editor 实例 myEditor 的单个简单编辑按钮

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

创建、编辑和删除按钮,全部带有默认选项

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

一个带有取消按钮的编辑按钮

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

一个使用函数的自定义标题的编辑按钮

new DataTable('#myTable', {
	buttons: [
		{
			extend: 'edit',
			editor: myEditor,
			formTitle: function (editor, dt) {
				// Get the data for the row and use a property from it in the
				// form title
				var rowData = dt.row({ selected: true }).data();

				return 'Editing data for ' + rowData.first_name;
			}
		}
	]
});