Jquery dataTable可编辑单元格

我放弃了，因为我在过去的4个小时里一直在搞乱这个问题，而我却无处可去。 使用此处找到的jquery数据表时。 http://datatables.net/examples/api/editable.html （看起来像一个非常受欢迎的插件）除了可编辑的单元格部分外，我几乎可以获得我想要工作的所有内容。 我有这个顺序的文件

然后我有这个脚本来初始化表。

 function formattable(thistable) { //alert(thistable + " from format table") // $(document).ready(function () { // ADPControlProcessor_Table1 //$("#ADPControlProcessor_GridView1").dataTable(); var oTable = $("#ADPControlProcessor_GridView1").dataTable({ //"bFilter": true, "sScrollY": "200px", "bPaginate": false, "bAutoWidth": false, "sDom": 'Rlfrtip' //}); //alert("running"); }); //var oTable = $('#example').dataTable(); /* Apply the jEditable handlers to the table */ $('td', oTable.fnGetNodes()).editable('../examples_support/editable_ajax.php', { "callback": function (sValue, y) { var aPos = oTable.fnGetPosition(this); oTable.fnUpdate(sValue, aPos[0], aPos[1]); }, "submitdata": function (value, settings) { return { "row_id": this.parentNode.getAttribute('id'), "column": oTable.fnGetPosition(this)[2] }; }, "height": "14px" }); 

我不知道要尝试什么。 任何人都可以指出我正确的方向。

Answer 1

你没有初始化正确试试这个

 $(document).ready(function() { /* Init DataTables */ var oTable = $('#example').dataTable(); /* Apply the jEditable handlers to the table */ $('td', oTable.fnGetNodes()).editable( '../examples_support/editable_ajax.php', { "callback": function( sValue, y ) { var aPos = oTable.fnGetPosition( this ); oTable.fnUpdate( sValue, aPos[0], aPos[1] ); }, "submitdata": function ( value, settings ) { return { "row_id": this.parentNode.getAttribute('id'), "column": oTable.fnGetPosition( this )[2] }; }, "height": "14px" } ); } ); 

这是现场实例点击这里

Answer 2

我没有为可编辑插件付费，而是建立了自己可以自由使用的插件。 回购邮件在这里： DataTables CellEdit插件

基本初始化快速简便：

 oTable.MakeCellsEditable({ "onUpdate": myCallbackFunction }); myCallbackFunction = function (updatedCell, updatedRow) { console.log("The new value for the cell is: " + updatedCell.data()); }