Проводка элементов формы, которые не видны в DataTables

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

У меня есть кнопка Сохранить изменения на странице, которая будет выполнять запрос AJAX для обновления базы данных на основе того, что пользователь ввел.

Проблема заключается в том, что она будет публиковать только элемент формы, который в настоящее время отображается в Datatable. В примере у меня есть 74 строки (все содержащие несколько полей). Размер отображаемых записей по умолчанию - 10.

Итак, когда форма отправляется, формируются только элементы из 10 строк. Я должен был представить поля всех строк - в этом случае все поля в количестве 74 строк.

У кого-нибудь есть решение для этого? БЛАГОДАРЯ.

Ответы

Ответ 1

Datatables уничтожает скрытые строки и выводит их из DOM. Если вам нужно сделать submit, вы должны использовать fnGetHiddenNodes() для извлечения скрытых строк перед отправкой. взгляните на api страницы

$.fn.dataTableExt.oApi.fnGetHiddenNodes = function ( oSettings )
{
    /* Note the use of a DataTables 'private' function thought the 'oApi' object */
    var anNodes = this.oApi._fnGetTrNodes( oSettings );
    var anDisplay = $('tbody tr', oSettings.nTable);

    /* Remove nodes which are being displayed */
    for ( var i=0 ; i<anDisplay.length ; i++ )
    {
        var iIndex = jQuery.inArray( anDisplay[i], anNodes );
        if ( iIndex != -1 )
        {
            anNodes.splice( iIndex, 1 );
        }
    }

    /* Fire back the array to the caller */
    return anNodes;
}