数据表不是排序和分页数据

时间:2015-10-30 10:03:03

标签: javascript jquery json jsp datatables

我正在使用jQuery DataTables 1.10。以下JavaScript代码使用JSON来获取数据表的数据。数据成功返回,但分页不起作用。显示长度和排序也在查看页面源后获取JSON数据不显示HTML源代码中的数据。

$(document).ready(function() {
    $('#phone').dataTable({
        "processing": true,
        "serverSide": true,
        "ajax": 'getphones.jsp',
        "servermethod": "GET",
        "jQueryUI": true,
        "stateSave": true,
        "displayLength": 10,
        "lengthMenu": [ [ 10, 25, 50, 100, -1 ], [ 10, 25, 50, 100, "όλα" ] ],
        "paginationType": "full_numbers",       
        "language": {
            "emptyTable": "Δεν βρέθηκαν δεδομένα",
            "thousands": ".",
            "lengthMenu": "Εμφάνιση _MENU_ εγγραφών ανά σελίδα",
            "zeroRecords": "Δεν βρέθηκαν εγγραφές - ",
            "info": "Εμφανίζονται οι εγγραφές _START_ έως _END_ από σύνολο _TOTAL_",
            "infoEmpty": "Εμφανίζονται οι εγγραφές 0 έως 0 από σύνολο 0",
            "infoFiltered": "(Εφαρμόστηκε φίλτρο σε σύνολο _MAX_ εγγραφών)",
            "search": "Αναζήτηση:",
            "paginate": {
                "first": "Αρχή",
                "previous": "Προηγούμενη",
                "next": "Επόμενη",
                "last": "Τέλος"
            }
        }
    });
});
<table id="phone" class="display compact" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>ΟΕΛ</th>
            <th>Αριθμός</th>
            <th>Πρόγραμμα</th>
            <th>Αριθμός sim</th>
            <th>Πληροφορίες</th>
            <th>Σχόλια</th>
        </tr>
    </thead>
</table>

示例json数据:

{
    "draw": 1,
    "recordsTotal": 767,
    "recordsFiltered": 767,
    "data": [
        [
            "1327 - ΚΑΝΤΑΣ ΘΕΟΔΩΡΟΣ",
            "6973348274",
            "",
            "Ανενεργό",
            "",
            ""
        ]
    ]
}

1 个答案:

答案 0 :(得分:0)

<强>解

您的脚本getphones.jsp应返回draw参数,并在请求中使用draw参数的相同值。

来自manual

  

draw

     

此对象作为响应的绘制计数器 - 来自作为数据请求的一部分发送的draw参数。

备注

虽然这是不相关的,但初始化代码中有一些不正确的选项名称。更正后的代码如下所示:

$('#phone').dataTable({
    "processing": true,
    "serverSide": true,
    "ajax": 'getphones.jsp',
    "jQueryUI": true,
    "stateSave": true,
    "displayLength": 10,
    "lengthMenu": [ [ 10, 25, 50, 100, -1 ], [ 10, 25, 50, 100, "όλα" ] ],
    "pagingType": "full_numbers",       
    "language": {
        "emptyTable": "Δεν βρέθηκαν δεδομένα",
        "thousands": ".",
        "lengthMenu": "Εμφάνιση _MENU_ εγγραφών ανά σελίδα",
        "zeroRecords": "Δεν βρέθηκαν εγγραφές - ",
        "info": "Εμφανίζονται οι εγγραφές _START_ έως _END_ από σύνολο _TOTAL_",
        "infoEmpty": "Εμφανίζονται οι εγγραφές 0 έως 0 από σύνολο 0",
        "infoFiltered": "(Εφαρμόστηκε φίλτρο σε σύνολο _MAX_ εγγραφών)",
        "search": "Αναζήτηση:",
        "paginate": {
            "first": "Αρχή",
            "previous": "Προηγούμενη",
            "next": "Επόμενη",
            "last": "Τέλος"
        }
    }
});