fnLengthChange Issue

Question

По какой-то причине только когда у меня есть функция viewAll click, она прекращает использование dataTables, я не знаю, является ли это синтаксической ошибкой или чем-то.Единственная проблема - я не получаю синтаксическую ошибку.Так что я не знаю, в чем проблема.

$(document).ready(function() {

var oTable = $('#contentPagesPageList').dataTable( {
    "sDom": 'rti<"pagination"p>',
    "iDisplayLength": 10,
    "sPaginationType": "full_numbers"
} );

$('.viewAll').click(function() {
    oTable.fnLengthChange( -1 );   
)}; 

});

Answer 1

Это потому, что вы передаете ему отрицательное значение, я думаю: с помощью этой функции вы устанавливаете количество отображаемых записей, и я нигде не нашел, чтобы вы могли передать отрицательное число. если вы хотите отобразить все, что вы можете использовать:

  oTable.fnLengthChange($('#contentPagesPageList tr').length);

РЕДАКТИРОВАТЬ - проблема была в том, что fnLengthChange не была стандартной функцией API, и поэтому вы должны были включить ее! Вот код, который нужно включить:

$.fn.dataTableExt.oApi.fnLengthChange = function ( oSettings, iDisplay )
{
    oSettings._iDisplayLength = iDisplay;
    oSettings.oApi._fnCalculateEnd( oSettings );

    /* If we have space to show extra rows (backing up from the end point - then do so */
    if ( oSettings._iDisplayEnd == oSettings.aiDisplay.length )
    {
        oSettings._iDisplayStart = oSettings._iDisplayEnd - oSettings._iDisplayLength;
        if ( oSettings._iDisplayStart < 0 )
        {
            oSettings._iDisplayStart = 0;
        }
    }

    if ( oSettings._iDisplayLength == -1 )
    {
        oSettings._iDisplayStart = 0;
    }

    oSettings.oApi._fnDraw( oSettings );

    $('select', oSettings.oFeatures.l).val( iDisplay );
}

А вот код вашей кнопки:

$('.viewAll').click(function(e) {
    e.preventDefault();
    console.log($('#contentPagesPageList tr').length);
    oTable.fnLengthChange($('#contentPagesPageList tr').length);
});