Плагин разбивки на страницы DataTables для ввода не работает

Я пытаюсь использовать входной плагин DataTables для разбиения на страницы. У меня загружены все три файла jar - jQuery1.11.1, dataTables1.10 и input.js. Но все же я получаю

TypeError: $.fn.dataTableExt is undefined

и

TypeError: plugin is undefined

ошибки.

Должен ли я включать любую другую банку? В каком-то старом посте я видел, что plugin.jar загружается, но на самой странице плагина DataTables нет упоминания об этом JAR.

Код инициализации DataTables

var table = $jq11('#openCasesTable').dataTable({
    "ajax": someUrl,
    "aoColumnDefs": [
        { "bSortable": false, "aTargets": [0, 6, 7] }
    ],
    "columns": [
        { 
            "data": null,
            "render": function(data, type, row, meta) {
                ...
            }
        },
        ...
    ],
    "deferRender": true,
    "dom": 'l<"#removeButtonDiv.removeButton">rtip',
    "filter": false,
    "initComplete": function(settings, json) {
        $('#removeButtonDiv').html('<input id="removeButton" type="button" value="Remove"  style="float:right; height: 25px;" disabled />');
    },
    "lengthMenu": [ [20, 40, 60, 80, 100], [20, 40, 60, 80, 100] ],
    "language": {
        "emptyTable": "No data to list",
        "infoFiltered": " "
    },
    "order": [[4, "desc"]],
    "processing": true,
    "drawCallback": function( settings ) {
        $.each(selected, function(index, value){
            $('#'+value).attr("checked", "checked");
        });
    },
    "serverSide": true,
    "sPaginationType": "input"
});

jquery datatables datatables-1.10
person αƞjiβ    schedule 27.01.2015    source источник
comment
Не могли бы вы добавить код с использованием этого плагина?   -  person Eternal1    schedule 30.01.2015
comment
Как говорит @Eternal1, нам нужно увидеть некоторый код, чтобы увидеть, как вы используете jQuery DataTables. Вы можете ознакомиться с предварительными условиями использования jQuery DataTables здесь: legacy.datatables.net/usage.   -  person 97ldave    schedule 30.01.2015
comment
Добавлен код инициализации.   -  person αƞjiβ    schedule 30.01.2015
comment
Я вижу, вы используете объект $jq11 для инициализации вашего dataTable. У вас есть несколько jQuery версий на вашей странице?   -  person Eternal1    schedule 31.01.2015
comment
@ Eternal1 - не только jQuery 1.11   -  person αƞjiβ    schedule 31.01.2015

Ответы (2)


arrow_upward
1
arrow_downward

Из dataTable 1.10 они изменили структуру пагинации. Теперь они используют свойства «paging» (Boolean), «pagingType» (String), и, кажется, они также изменили структуру плагина pagination. В результате все плагины разбивки на страницы не будут работать в версии 1.10. Вы можете использовать таблицу данных 1.9.

Новые параметры разбивки на страницы: http://datatables.net/reference/option/pagingType

Страница плагина разбиения на страницы в разработке: http://datatables.net/manual/plug-ins/paging

Они предоставляют полные, простые, полные_номера и простые_номера в качестве параметров по умолчанию. Если вы хотите использовать разбиение на страницы ввода, вы можете загрузить dataTable 1.9 в их github или попробовать создайте собственную логику обратной совместимости, как они представлены в разделе обновления.

$(document).ready(function() {
    $('#example').dataTable( {
      "pagingType": "full_numbers"
    } );
} );
person CarsomyrJ    schedule 03.02.2015
comment
Спасибо, если бы вы могли опубликовать краткий код инициализации. - person αƞjiβ; 03.02.2015

arrow_upward
-1
arrow_downward

HTML-ФАЙЛ

<table id="example" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
        </tr>
    </thead>

    <tfoot>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
        </tr>
    </tfoot>

    <tbody>
        <tr>
            <td>Tiger Nixon</td>
            <td>System Architect</td>
            <td>Edinburgh</td>
            <td>61</td>
            <td>2011/04/25</td>
            <td>$320,800</td>
        </tr>
 </tbody>
</table>

ФАЙЛ JAVASCRIPT

$(document).ready(function() {
    $('#example').DataTable();
} );

Включите ниже css для форматирования

../../медиа/css/jquery.dataTables.css

Все вещи, образцы и примеры приведены ниже. Вы можете скачать их.

http://www.datatables.net/download/download

Разбивка на страницы с работой с вышеуказанными вещами. Если вы все еще сталкиваетесь с проблемой, можете ли вы добавить файл по ссылке выше и попробовать еще раз.

person Krutik Jayswal    schedule 06.02.2015
comment
Спасибо за размещение кода. Но я хотел иметь входную пагинацию, если вы понимаете, что я имею в виду. ;) - person αƞjiβ; 06.02.2015