Question

如何使用Checkboxes服务器端脚本实现JQuery DataTable列过滤器？请告诉我过滤是通过serveide.php还是使用javascript在我的HTML文件中完成的。我想实现像https://jquery-datatables-column-filter.googlecode.com/svn-history/r77/trunk/checkbox.html但使用服务器端脚本。

Answer 1

HTML文件中数据表初始化的代码。必须记住一件事是初始化不在本地服务器上完成。代码必须在远程服务器上运行。

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

使用Checkbox的JQuery DataTable列过滤器

1 个答案: