{hero}

创建

自 Editor 1.5.0 起生效

使用 编辑器创建新行的一个按钮。
请注意 - 要使用此属性,需要 编辑器扩展名。

描述

Editor 提供了 create 按钮类型,提供了一个易于使用的接口,可以通过预定义的按钮调用 create() 方法。create() 方法的表单选项中的所有选项均可以通过按钮选项(即 formButtonsformMessageformTitle)获得。

此按钮要求必须设置 editor 选项,它指示按钮在激活时操作哪个编辑器实例。这样,如果需要,多个编辑器实例可以附加到一个 DataTable。

选项

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

示例

编辑器实例 myEditor 的一个简单 create 按钮

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

创建、编辑和删除按钮,所有按钮都具有默认选项

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

带取消按钮的 create 按钮

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

带有自定义消息的 create 按钮

new DataTable('#myTable', {
	buttons: [
		{
			extend: 'create',
			editor: myEditor,
			formMessage:
				'Enter the data for the new row and click the "Save" button below to save permanently.'
		}
	]
});

相关

以下选项直接相关,并且在您的应用程序开发中可能也会非常有用。