Filtre de colonne JQuery DataTable à l'aide de cases à cocher

Question

Comment implémenter le filtre de colonne JQuery DataTable en utilisant des cases à cocher Scrips Server Server?S'il vous plaît dites-moi si le filtrage est effectué à partir de serveside.php ou dans mon fichier HTML à l'aide de JavaScript.Je veux mettre en œuvre comme https:// jQuery-datatables-column-filter.googlecode.com/svn-history/r77/trunk/checkbox.html mais utiliser des scripts latéraux du serveur.

Answer 1

code pour l'initialisation de datables dans le fichier HTML.Une chose doit être gardée à l'esprit que l'initialisation n'est faite pas sur le serveur local.Le code doit être exécuté sur le serveur distant.

$(document).ready(function() {
var $dt = $('#example1').dataTable({
"bProcessing": true,
        "bServerSide": true,
        "bAutoWidth": false,
        "pagingType": "full_numbers",
        "sAjaxSource": "server.php",
        "aaSorting": [[3, "desc"]],
        "fnServerData": function(sUrl, aoData, fnCallback) {
        $.ajax({
        "url": sUrl,
                "data": aoData,
                "success": fnCallback,
                "dataType": "json",
                "cache": false
        });
        }
});
        //$dt.fnDraw();

        $dt.columnFilter({sPlaceHolder: "head:before",
                aoColumns: [
                        null,
                        null,
                        null,
                        null,
                        null,
                        null,
                        null,
                        null,
                {
                type: "checkbox",
                        values:
                        [
                        {value: '3', label: 'New'},
                        {value: '0', label: 'Pending'},
                        {value: '1', label: 'Active'},
                        {value: '2', label: 'Inactive'},
                        ]
                },
                        null,
                        null,
                        null,
                        null,
                        null,
                        null,
                        null,
                ]
        });