jEditable、jQuery、およびDataTablesを使用してテーブル内のセルを更新する

Question

jQueryとDataTablesを使用するのは非常に新しいです。

私はテーブルを表示し、ユーザーがセルを編集して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/の例と自分のコードの例を使って動作させることができました。何か助けが必要な場合は、お気軽にコメントしてください。

静的変数を使用してdataSetを作成する代わりに、DBクエリを実行して結果を配列として返し、その配列をdataTable関数のdataSetとして設定しました。