Question

我正在使用安装了jEditable插件的jQuery DataTables。我有一切正常工作，表格正确呈现和提取数据。该表是可编辑的，脚本正在更新后端数据库。唯一的问题是值被更新然后单元格为空，直到您点击刷新然后新值可见。

我试图将fnDraw合并到回调中，以便重绘表但我无法弄明白？我唯一缺少的是在将新值写入数据库后动态刷新表。

这是我的代码：

<script>
$(document).ready(function() {
/* Init DataTables */
var oTable = $('#district').dataTable();

/* Apply the jEditable handlers to the table */
$('#district', oTable.fnGetNodes()).editable( 'lib/editable_ajax.php', {
    tooltip   : 'Click cell to edit value...',
    indicator : 'Saving...',
    style   : 'display:block;',
     submit    : 'OK',
     cancel    : 'Cancel',
     data   : " {'PDC 30':'PDC 30','PDC 14':'PDC 14','PDC 81':'PDC 81','PDC 58':'PDC 58'}",
     type    : 'select',
    "Callback": function( sValue, x) {
        var aPos = oTable.fnGetPosition( this );
        oTable.fnUpdate( sValue, aPos[0], aPos[1]);

        /* Redraw the table from the new data on the server */
        oTable.fnClearTable( 0 );
        oTable.fnDraw();
    },
    "submitdata": function ( value, settings ) {
        var aPos2 = oTable.fnGetPosition( this );
        var id2 = oTable.fnGetData( aPos2[0] ); 
        return {
            "row_id": this.parentNode.getAttribute('id'),
            "id2": id2[0],
            "column": oTable.fnGetPosition( this )[ 2 ]         
        };
    },
    "height": "14px",
} );
} );
</script>

Answer 1

尝试在函数外部初始化变量oTable，看看，虽然这不应该有任何区别，因为你的代码看起来很好。

jEditable＆amp; DataTables - 表不会在更新时刷新

1 个答案: