使用DataTables实现编辑和删除

时间:2016-07-03 11:20:52

标签: jquery datatables

我需要帮助。

我正在使用jQuery DataTables插件,我需要在没有EDITOR PLUGIN的情况下实现编辑和删除操作。

我设法渲染按钮。这是我的表定义:

var table = $('#datatable').DataTable({
        pagingType: "full_numbers",
        dom : 'Bfrtip',
        ajax : {
            url: '....'
        },
        sAjaxDataProp: "",
        columns: [
            {data : 'id'},
            {data : 'name'},
            {
                orderable: false,
                className: 'text-right',
                render: function (data, type, row) {
                    return '<a class="btn btn-danger" data-id="' + row[1] + '">' +
                        '<span class="glyphicon glyphicon-trash"> </span>' +
                        '</a>'
                    +
                        '<a class="btn btn-primary" data-id="' + row[1] + '">' +
                        '<span class="glyphicon glyphicon-pencil"> </span>' +
                        '</a>'
                }
            }
        ],
        order: [[ 0, "asc" ]],
        select: true
    });

但我不知道如何(或在哪里)实现按钮所代表的功能。我想要实现的是:

  • 选择编辑按钮时:

    • 行中的所有值都可选择/可编辑(我需要从服务器获取可选数据)
    • 带有编辑和删除按钮的
    • 列使用保存和取消按钮重新呈现,而不是编辑和删除
  • 选择删除按钮时:

    • 确认对话框显示

我不知道在哪里编写这个在点击时触发的代码以及如何从服务器获取数据。有人可以给点指示吗? 我真的很困惑,我一直在努力找到有用的东西,但大多数问题/答案都不适合初学者。

谢谢!

0 个答案:

没有答案