Datatables中文网

edit

起始版本号: Editor 1.5.0

使用Editor编辑已经存在的行

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

说明(Description)

这个按钮允许用户编辑已存在的行，调用 edit()API 方法触发此操作。

使用Select扩展来获取选中的数据，把这些数据提供给 edit()API 方法来编辑数据

他所可用的配置选项有这些 （即 formButtons ，formMessage 和 formTitle）。 其实就是弹出一个表单，然后表单里包含需要添加的字段，已经按钮。

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

选项(Options)

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

名称 默认
editor
The Editor instance that this button should operate on when activated.
formButtons

表单操作的按钮类型（比如 submit 提交，cancel 取消 等等）

这个值是通过 方法指定，请参考 button-optionsType 数据类型

formMessage

显示在弹出表单的消息。可以是一个简单的 string或者一个 function。

这个值是通过 message()API 方法设置。

formTitle

表单的标题，比如：新建用户。

这个值是通过 title()API 方法设置。

示例

一个单独的简单的编辑按钮，Editor的实例名为 myEditor

1
2
3
4
5
6
7
8
$('#myTable').DataTable( {
    buttons: [
        {
            extend: 'edit',
            editor: myEditor
        }
    ]
} );

包含一个创建，编辑，删除三个按钮的操作实例

1
2
3
4
5
6
7
$('#myTable').DataTable( {
    buttons: [
        { extend: 'create', editor: myEditor },
        { extend: 'edit',   editor: myEditor },
        { extend: 'remove', editor: myEditor }
    ]
} );

带取消按钮的编辑按钮

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$('#myTable').DataTable( {
    buttons: [
        {
            extend: 'edit',
            editor: myEditor,
            formButtons: [
                {
                    label: 'Cancel',
                    fn: function () { this.close(); }
                },
                'Create new row'
            ]
        }
    ]
} );

带自定义信息的编辑按钮

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$('#myTable').DataTable( {
    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 '你确定编辑'+rowData.first_name+'这条数据么？';
            }
        }
    ]
} );

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

Translation from DataTables.net, with permission