【问题标题】:Datatable serverside does not allow to reinitialise数据表服务器端不允许重新初始化
【发布时间】:2020-02-20 15:04:45
【问题描述】:

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

谢谢!

    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();
        }
    });

【问题讨论】:

标签: javascript php jquery datatables


【解决方案1】:

如果不是,它会起作用吗

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

你放

destroy: true

在您的 DataTable 选项中?

【讨论】:

    猜你喜欢
    • 2013-07-18
    • 2023-03-18
    • 1970-01-01
    • 1970-01-01
    • 2019-12-05
    • 2018-07-18
    • 2011-03-13
    • 1970-01-01
    • 2020-07-29
    相关资源
    最近更新 更多