create

起始版本号: Editor 1.5.0

使用Editor创建新行

注意:这个需要使用 Editor扩展的支持

说明(Description)

这个按钮允许用户创建一个新行,调用 create()API 方法,他所可用的配置选项有这些 (即 formButtonsformMessageformTitle)。 其实就是弹出一个表单,然后表单里包含需要添加的字段,以及按钮。

这个按钮必须设置 editor 选项,以便按钮触发的时候是操作的那个实例。所以说多个编辑器的 实例可以附加到一个Datatables上。

选项(Options)

这个按钮有以下选项配置:

示例

一个单独的简单的创建按钮,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" 按钮保存数据.'
        }
    ]
} );

http://datatables.net/reference/button/create

Translation from DataTables.net, with permission