Question

我使用DataTables在我创建的报告网站中显示数据。我正在创建一个报表生成器，用户可以在其中选择多个表，然后从这些表中选择列以获取自定义报表。

我想知道的是，是否有办法使用DataTables。我能够获取自定义报告的表名和列名，但我无法弄清楚如何将其发送到DataTables。我目前使用服务器端处理并使用ajax向DataTable发送POST来电。

我知道我可以根据选定的表和列在SQL查询中编程，但我似乎无法弄清楚如何将数据发送到DataTables。

以下是我初始化DataTables的方法：

$(document).ready(function ()
{
    // Setup - add a text input to each footer cell
    $('#DataTable tfoot th').each(function ()           //creates the search bar as the footer
    {
        var title = $(this).text();
        $(this).html('<input type="text" placeholder="Search ' + title + '" />');
    });

    var table = $('#DataTable').DataTable({
        "lengthMenu": [[25, 50, 75, 100, 150, -1], [25, 50, 75, 100, 150, 'All']],
        "dom": '<"top"Bifpl<"clear">>rt<"bottom"ip<"clear">>',
        "buttons": [{
            extend: 'collection',
            text: 'Export',
            buttons: ['export', { extend: 'csv',
                text: 'Export All To CSV',              //Export all to CSV file
                action: function (e, dt, node, config)
                {
                    window.location.href = './ServerSide.php?ExportToCSV=Yes';
                }
            }, 'csv', 'pdf', { extend: 'excel',
                text: 'Export Current Page',            //Export to Excel only the current page and highlight the first row as headers
                exportOptions: {
                    modifier: {
                        page: 'current'
                    }
                },
                customize: function (xlsx)
                {
                    var sheet = xlsx.xl.worksheets['sheet1.xml'];
                    $('row:first c', sheet).attr('s', '7');
                }
            }]
        }
        ],
        "fixedHeader": {                                //Keeps the header and footer visiable at all times
            header: true,
            footer: true
        },
        "select": true,                                 //sets the ability to select rows
        "processing": true,                             //shows the "Processing" when working
        "serverSide": true,                             //sends data to the server for processing
        "ajax": {                                       //where the data is sent and processed
            "url": "./ServerSide.php",
            "type": "POST"
        },
        stateSave: true,                                //Saves the current state of the page
        columnDefs: [{ visible: false, targets: 0}],    //Hides the first column the ID column
        initComplete: function ()                       //sets the search
        {
            var api = this.api();

            // Apply the search
            api.columns().every(function ()
            {
                var that = this;

                $('input', this.footer()).on('keyup change', function (e)
                {
                    if (that.search() !== this.value & e.keyCode == 13) //you have to hit enter for the search to start
                    {
                        that
                          .search(this.value)
                          .draw();
                    }
                });
            });
        }
    });
});

$.fn.dataTable.ext.buttons.export =
{
    className: 'buttons-alert',                         //Adds the "Export all to Excel" button
    id: 'ExportButton',
    text: "Export All To Excel",
    action: function (e, dt, node, config)
    {
        window.location.href = './ServerSide.php?ExportToExcel=Yes';
    }
};

以下是我目前可以开展的工作：

我不确定是否有人需要帮我这个，但如果我遗失了某些东西让我知道，我会加上它。

我需要将所有选定表和列中的所有数据放在网站上显示的一个DataTables表中。在上面的图片中，我表明我已经获得了列标题并使用表的别名。我正在处理我的 FilterSort.class.pph 文件（类似于DataTables中的 ssp.class.php ），看看我是否可以让它来呈现表格

Answer 1

我明白了。我仍在调用正确的DataTables函数，但我没有将数据传递给函数。我最终不得不更新我的ServerSide.php文件和我的FilterSort.class.php文件。这些是所有其他报告用于将数据从服务器发送到屏幕的那些。经过一些反复试验，我得到了它的工作，并且不需要更改我的问题中发布的代码中的任何内容。

有没有办法从一个DataTables表的多个SQL表中提取？

1 个答案: