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

Question

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

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

我遇到的问题是它只会发布当前在Datatable中可见的表单元素.在我的一个例子中,有74行(都包含几个字段).要显示的默认记录数为10.

因此,当提交表单时,只提交10行的表单元素.我要提交所有行的字段 - 在这种情况下,所有74行的字段.

有人有解决方案吗？谢谢.

Answer 1

数据表破坏隐藏的行并将它们从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;
}