创建
使用 编辑器创建新行的一个按钮。
请注意 - 要使用此属性,需要 编辑器扩展名。
描述
Editor 提供了 create
按钮类型,提供了一个易于使用的接口,可以通过预定义的按钮调用 create()
方法。create()
方法的表单选项中的所有选项均可以通过按钮选项(即 formButtons
、formMessage
和 formTitle
)获得。
此按钮要求必须设置 editor
选项,它指示按钮在激活时操作哪个编辑器实例。这样,如果需要,多个编辑器实例可以附加到一个 DataTable。
选项
除了适用于所有按钮的那些选项(例如 buttons.buttons.text
)之外,此按钮还可以对其配置对象进行以下选项设置,以定制其操作和显示
名称 | 类型 | 默认值 |
---|---|---|
编辑器 | ||
激活时此按钮应操作的编辑器实例。 | ||
formButtons | ||
在由 create 按钮激活时在编辑器表单中显示的表单控件按钮(即提交、取消等)。 此处提供的值直接传递给 | ||
formMessage | ||
在创建表单中显示的消息。这可以是简单的字符串,也可以是将在激活按钮时计算要显示的字符串的函数。 此处提供的值直接传递给 | ||
formOptions | ||
用于配置表单行为的表单选项 - 请参阅 | ||
formTitle | ||
赋予创建表单的标题。这可以是简单的字符串,也可以是将在激活按钮时计算要显示的字符串的函数。 此处提供的值直接传递给 |
示例
编辑器实例 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.'
}
]
});
相关
以下选项直接相关,并且在您的应用程序开发中可能也会非常有用。