Обновление ячеек в таблице с помощью jEditable, jQuery и DataTables

Я очень новичок в использовании 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%"
    } );
} );

Любая помощь будет оценена.

1 ответ

  1. Мне удалось заставить его работать, используя примеры из http://kingkode.com/free-datatables-editor-alternative/ and some of my own code, feel free to comment or ask any questions if you need any help.

    Вместо создания набора данных со статическими переменными, я сделал запрос к БД и вернул результаты в виде массива и установил этот массив в качестве набора данных в функции dataTable.