数据表服务器端不允许重新初始化

时间:2020-02-20 15:04:45

标签: javascript php jquery datatables

您好,我在网站上使用Datatable Server Side,但是我进行了搜索,但是当我按下按钮搜索时,它起作用了,但它表明Datatable无法重新初始化,代码中的问题出在哪里?因为它可以正常工作,但是它会显示令人烦恼的警报...代码的第一部分,我只是创建一个函数来获取datatabse的所有数据而没有过滤器,然后是数据表,然后是过滤器。.

谢谢!

    fill_datatable();

    function fill_datatable(folio_filter = '', branch_office_filter = '', rut_filter = '', type_filter = '', status_filter = '', dte_filter = '')
    {
        $('#datatable_bill_track').DataTable({
            "processing": true,
            "serverSide": true,
            "searching" : false,
            "language": {
                    "sProcessing":     "Procesando...",
                    "sLengthMenu":     "Mostrar _MENU_ registros",
                    "sZeroRecords":    "No se encontraron resultados",
                    "sEmptyTable":     "Ningún dato disponible en esta tabla",
                    "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                    "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
                    "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
                    "sInfoPostFix":    "",
                    "sSearch":         "Buscar: ",
                    "sUrl":            "",
                    "sInfoThousands":  ",",
                    "sLoadingRecords": "Cargando...",
                     "oPaginate": {
                        "sFirst":    "Primero",
                        "sLast":     "Último",
                        "sNext":     "Siguiente",
                        "sPrevious": "Anterior"
                    },
                    "oAria": {
                        "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                        "sSortDescending": ": Activar para ordenar la columna de manera descendente"
                    },
                },
            "ajax":{
                     "url": "{{ url('bill_track/fetch') }}",
                     "dataType": "json",
                     "type": "POST",
                     "data":{
                      _token: "{{csrf_token()}}", folio_filter: folio_filter, branch_office_filter: branch_office_filter, rut_filter: rut_filter, type_filter: type_filter, status_filter: status_filter, dte_filter: dte_filter
                     }
                   },
            "columns": [
                { "data": "id_bill_track" },
                { "data": "branch_office" },
                { "data": "folio" },
                { "data": "client_supplier" },
                { "data": "liquid_amount" },
                { "data": "gross_amount" },
                { "data": "dte_type" },
                { "data": "type" },
                { "data": "status" },
                { "data": "bill_date" },
                { "data": "buttons" }
            ]

        });
    }

    $('#filter').click(function(){
        var folio_filter = $('#folio_filter').val();
        var branch_office_filter = $('#branch_office_filter').val();
        var rut_filter = $('#rut_filter').val();
        var type_filter = $('#type_filter').val();
        var status_filter = $('#status_filter').val();
        var dte_filter = $('#dte_filter').val();

        if(folio_filter != '' || branch_office_filter != '' || rut_filter != '' || type_filter != '' || status_filter != '' || dte_filter != '')
        {
            $('#datatable_bill_track').DataTable().destroy();
            fill_datatable(folio_filter, branch_office_filter, rut_filter, type_filter, status_filter, dte_filter);
        }
        else
        {
            $('#datatable_bill_track').DataTable().destroy();
            fill_datatable();
        }
    });

1 个答案:

答案 0 :(得分:0)

是否可以代替

$('#datatable_bill_track').DataTable().destroy();

您放

destroy: true

在您的DataTable选项中?