Question

使用AngularJS，我使用YADCF过滤器在serverSide模式下工作DataTable（）。在ServerSide上工作时是否可以使用multi_select过滤器（选择或选择2）？我可以手动引入搜索参数吗？在这种情况下，我想在第6列（＆＃34; estado＆＃34;）上使用该过滤器，这意味着＆＃34;状态＆＃34;一个过程。

myApp.controller

中的代码

var table = $('#tbl').DataTable({
        stateSave: true,
        stateDuration: -1,
        //sRowSelect: "multi",
        language: sharedProperties.getLanguageDatatable(),
        dom: '<"toolbar">T<"clear">lfrtip',            
        "columnDefs": [
            { "data": "processosId", "targets": 0, "visible": false, "searchable": false },
            { "data": "utilizadoresId", "targets": 1, "visible": false, "searchable": false },
            { "data": "entidadesId", "targets": 2, "visible": false, "searchable": false },
            { "data": "numero", "targets": 3 },
            { "data": "nomeEntidade", "targets": 4, "visible":entidadeCol },
            { "data": "nomeUtilizador", "targets": 5, "visible":utilizadorCol },
            { "data": "estado", "targets": 6 },                
        ],
        serverSide: true,
        ajax: {
            "url": urlProcessos,
            "error": function (reason) {
                if (reason.status == 401) { // Not Authorized
                    self.location = '#/logout';
                }
            }
        },
});

    yadcf.init(table,
    [
        { column_number: 3, filter_type: 'text', filter_default_label: "" },
        { column_number: 4, filter_type: 'text', filter_default_label: "" },
        { column_number: 5, filter_type: 'text', filter_default_label: "" },
        { column_number: 6, filter_type: 'multi_select', filter_default_label: "", select_type:'chosen' },            
    ]);

    $scope.newProcess = function () {            
        table.columns(6).search('Novo').draw();

    }

    $scope.openProcess = function () {
        table.columns(6).search('Aberto').draw();
    }

当我第一次过滤时，因为它的服务器端只能访问具有该状态的进程，所以不可能选择一个或多个状态......

Answer 1

如果您想触发yadcf过滤器，最好使用yadcf api

我建议你替换

table.columns(6).search('Novo').draw();

和

table.columns(6).search('Aberto').draw();

有这样的东西

yadcf.exFilterColumn(oTable, [[0, ['Novo']]], true);

和

yadcf.exFilterColumn(oTable, [[0, ['Aberto']]], true);

如果您想要过滤多个值，可以向数组添加更多内容，例如

yadcf.exFilterColumn(oTable, [[0, ['Novo', 'Aberto']]], true);

详细了解exFilterColumn api

请注意，在过滤已加载的ajax源数据表时应使用第三个true参数（尚未提供文档）

具有服务器端的YADCF multi_select过滤器

1 个答案: