发布在DataTables中不可见的表单元素

Question

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

我在页面上有一个Save Changes按钮，它会执行一个AJAX请求，根据用户输入的内容更新数据库。

我遇到的问题是它只会发布当前在Datatable中可见的表单元素。在我的一个例子中，有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;
}