Question

我正在点击按钮时在我的数据表中添加一个新行。这是我的代码：

HTML：

<table id="datatable-batches" class="table table-striped table-bordered forex-datatable">
    <thead>
        <tr>
            <th>Batch #</th>
            <th>Qty</th>
            <th>Date</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Batch #</th>
            <th>Qty</th>
            <th>Date</th>
        </tr>
    </tfoot>
</table>

脚本：

<script type="text/javascript">

var table;

$(document).ready(function() {
    //datatables
    var batches_table = $('#datatable-batches').DataTable({ 

        "processing": true, //Feature control the processing indicator.
        "serverSide": true, //Feature control DataTables' server-side processing mode.
        "order": [], //Initial no order.
        "ajax": {
                "url": "<?php echo site_url('oss/admin/ajax_batches'); ?>",
                "type": "POST",
                data: {
                '<?php echo $this->security->get_csrf_token_name(); ?>' : '<?php echo $this->security->get_csrf_hash(); ?>' 
                },
           dataSrc: function ( json ) {
               if(json.csrf_token !== undefined) $('meta[name=csrf_token]').attr("content", json.csrf_token);
               return json.data;
            }
        }
    });
$(function() {

    $('#new-batch').on('click', function(){
        $('#receiving-box').css('display', 'block');
        batches_table.row.add( ["3", "5", "2017-06-24 08:55:41"] ).draw();
    });
});

});

</script>

两者都在同一个文件中。当我按下按钮时，只有＆＃39;绘制＆＃39;数字增加但数据仍然相同。

我还复制并粘贴了示例表 here ，以确保row.add()正常工作。这里有 debugger data 以获取更多信息。

非常感谢任何帮助。谢谢！

DataTables row.add（）不能正常工作Ajax服务器端

0 个答案: