使用Editor创建新行
注意:这个需要使用 Editor扩展的支持
这个按钮允许用户创建一个新行,调用
create()API
方法,他所可用的配置选项有这些
(即 formButtons ,formMessage 和 formTitle)。
其实就是弹出一个表单,然后表单里包含需要添加的字段,以及按钮。
这个按钮必须设置 editor 选项,以便按钮触发的时候是操作的那个实例。所以说多个编辑器的
实例可以附加到一个Datatables上。
这个按钮有以下选项配置:
| 名称 | 默认 |
|---|---|
editor |
|
| The Editor instance that this button should operate on when activated. | |
formButtons |
|
|
表单操作的按钮类型(比如 submit 提交,cancel 取消 等等)
这个值是通过
方法指定,请参考
|
|
formMessage |
|
|
显示在弹出表单的消息。可以是一个简单的
这个值是通过
|
|
formTitle |
|
|
表单的标题,比如:新建用户。
这个值是通过
|
|
一个单独的简单的创建按钮,Editor的实例名为 myEditor
$('#myTable').DataTable( {
buttons: [
{
extend: 'create',
editor: myEditor
}
]
} );
包含一个创建,编辑,删除三个按钮的操作实例
$('#myTable').DataTable( {
buttons: [
{ extend: 'create', editor: myEditor },
{ extend: 'edit', editor: myEditor },
{ extend: 'remove', editor: myEditor }
]
} );
带取消按钮的创建按钮
$('#myTable').DataTable( {
buttons: [
{
extend: 'create',
editor: myEditor,
formButtons: [
{
label: 'Cancel',
fn: function () { this.close(); }
},
'Create new row'
]
}
]
} );
带自定义信息的创建按钮
$('#myTable').DataTable( {
buttons: [
{
extend: 'create',
editor: myEditor,
formMessage: '输入新的数据,然后点击"Save" 按钮保存数据.'
}
]
} );
Translation from DataTables.net, with permission