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

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;
}