Question

我当前的问题是如何在DataTable中正确执行分页以动态生成lengthMenu (Showing 1 to 10 of 57 entries)，并且仅在单击下一页时才加载数据。
到目前为止，我对服务器端处理的理解是这样的：
我的Web服务正在使用MySQL（具有JSON格式的限制和偏移量）从数据库返回数据。
假设JSON数据正确，如何正确分页DataTable？

下面是我的代码：

var Table1 = $('#table').DataTable({
    "processing": true,
    "serverSide": true,
    "ajax": {
        "url": SomeWorkingURLS,
        "dataType": "jsonp"
    },

    "columns": [
        { "data": "Column1" },
        { "data": "Column2" },
        { "data": "Column3" },
        { "data": "Column4" }
    ],
    "columnDefs": [
        {
            "render": function ( data, type, row ) {
                return data + "<hr>" + row.data1;
            },
            "targets": 0
        },
        {
            "render": function ( data, type, row ) {
                return data + "<br>" + row.data2 ;
            },
            "targets": 1
        },
        {
            "render": function ( data, type, row ) {
                return  data ;
            },
            "targets": 2
        },
        {
            "render": function ( data, type, row ) {

                if (row.status == '2'){

                return '<button class="fas fa-edit btn-success" data-toggle="tooltip" title="Edit" value="' + data + '">Verify</button>'
                + ' <button class="fas fa-undo btn-danger" data-toggle="tooltip" title="Resend" value="' + data + '"> Authenticate</button>';

                }
                else{
                    return '<button class="fas fa-edit btn-success" data-toggle="tooltip" title="Edit" value="' + data + '">Authenticate</button>';
                }

            },
            "targets": 3
        },
        { "width": "14%", "targets": 0 },
        { "width": "60%", "targets": 1 },
        { "width": "10%", "targets": 2 },
        { "width": "16%", "targets": 3 , "class":"dt-center"},
    ],

    "destroy": true,
    "searching" :false

    });

    Table1.draw();
    $("select[name*='table_outbound_shipment_list']").removeClass('form-control');
    $("#table_outbound_shipment_list_length").remove();
    $('.form-control.form-control-sm').removeClass('form-control');

我的Web服务将始终返回10行数据（或者我在这里做错了吗？）
我的参考：https://datatables.net/examples/data_sources/server_side

Answer 1

有一些用于服务器端处理的库和帮助程序类，它们有助于准备服务器端响应。

例如，DataTables发行版包括ssp.class.php帮助助手和sample script，以帮助您在使用PHP时产生响应。

否则，您可以检查sent parameters并根据start和length请求参数对结果进行分页。

具有服务器端处理的DataTable

1 个答案: