在一列上具有DataTable多筛选器的ServerSide ajax请求



我创建了一个这样的DataTable:

var ticketDataTable = $("#ticketDataTable").DataTable({
        serverSide: true,
        ajax: {
            url: ajaxUrl,
            type: "POST",
            data: function(data) {
                data.ticketStatusFilter = ketStatusCheckboxes.filter(':checked')
                    .map(function() { return this.value; }).get()
                    .join(';')
            }
        },
        columns: [
            { 
                 name: "ticket.ticketNumber",
                 data: "0.ticketNumber" 
            },
            { },
            { },
            { },
            { },
            { },
            { },
            { },
            { },
            { },
            { },        
            { },
            { },
            { },
            { },
            { }
        ],
        bSortCellsTop: true,
        dom: 'rt<lp>',
        order: [[2, "desc"]]    // Sort by descending date
    });

我使用SumoSelect创建了一个带有复选框的下拉列表,以实现多过滤器。

$("table#ticketDataTable thead tr th#multiSelectFilter").find("select").SumoSelect({ selectAll: true });

我需要在我的第5专栏中做一个多过滤器,但由于服务器端参数(true),我不知道如何做。我不能改变它。

如果你有办法解决我的问题。谢谢

我找到了解决它的方法。我在ajax请求中放入了新数据。我在服务器端使用它来完成我的请求。然后我每次点击过滤器都会更改数据,然后重新启动请求。

工作良好!

最新更新