jquery - 发布在数据表中不可见的表单元素

Question

我在表单中包含的表上使用名为 Datatables 的 jQuery 插件，该表将包含许多表单元素。

页面上有一个“保存更改”按钮，它将执行 AJAX 请求以根据用户输入的内容更新数据库。

我遇到的问题是它只会发布当前在数据表中可见的表单元素。在我的示例中，有 74 行(全部包含多个字段)。默认显示的记录数量为 10 条。

所以提交表单时只提交10行的表单元素。我要提交所有行的字段 - 在本例中为所有 74 行字段。

有人有办法解决这个问题吗？谢谢。

Answer 1

Datatables 销毁隐藏行并将它们从 DOM 中取出。如果需要提交，则应在提交之前使用 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;
}