javascript - 使用 jEditable、jQuery 和 DataTables 更新表中的单元格

Question

我对使用 DataTables 和 jQuery 非常陌生。

我正在尝试显示一个表格并让用户编辑单元格并更新 MySQL 数据库中的值。

我也不太明白 sValue 的用途/代表什么。

这是到目前为止我的代码，请记住我已经链接了 jeditable.js 文件。

$(document).ready(function() {
    /* Init DataTables */
    var oTable = $('#parentEditTable').dataTable({
        "columns": [
            {
                "data": "ParentId"
            }, {
                "data": "Name"
            }],
        "order": [[0, 'asc']],
        "processing": true,
        "serverSide": true,
        "responsive": true,

        "ajax": {
            url: 'processEditParent.php',
            type: 'POST'
        }
    });

    oTable.$('#parentEditTable').editable('processEditParent.php', {

        "callback": function( sValue, y ) {
            var aPos = oTable.GetPosition( this );
            oTable.upload( sValue, aPos[0], aPos[1] );
        },
        "submitdata": function ( value, settings ) {
            return {
                "row_id": this.parentNode.getAttribute('ParentId'),
                "column": oTable.fnGetPosition(this )[2]
            };

        },
        "height": "14px",
        "width": "100%"
    } );
} );

如有任何帮助，我们将不胜感激。

Answer 1

我设法使用 http://kingkode.com/free-datatables-editor-alternative/ 中的示例使其工作以及我自己的一些代码，如果您需要任何帮助，请随时发表评论或提出任何问题。

我没有使用静态变量创建数据集，而是执行了数据库查询并将结果作为数组返回，并将该数组设置为 dataTable 函数中的数据集。