【问题标题】:Selectable rows for more than one Datatable a page?一页有多个数据表的可选行?
【发布时间】:2013-09-30 00:59:34
【问题描述】:

我需要为几页独立选择 2 个不同数据表上的行的选项。这些表格具有不同的按钮,可根据所选行操作表格。下面是为一个表选择一行的代码:https://datatables.net/release-datatables/examples/api/select_single_row.html 即使我复制了所有代码并使用不同的 ID,我也无法让它为多个表工作。 http://jsfiddle.net/BWCBX/ 有什么想法吗?

var oTable;

$(document).ready(function() {
    /* Add a click handler to the rows - this could be used as a callback */
    $("#example tbody tr").click( function( e ) {
        if ( $(this).hasClass('row_selected') ) {
            $(this).removeClass('row_selected');
        }
        else {
            oTable.$('tr.row_selected').removeClass('row_selected');
            $(this).addClass('row_selected');
        }
    });

    /* Add a click handler for the delete row */
    $('#delete').click( function() {
        var anSelected = fnGetSelected( oTable );
        if ( anSelected.length !== 0 ) {
            oTable.fnDeleteRow( anSelected[0] );
        }
    } );

    /* Init the table */
    oTable = $('#example').dataTable( );
} );


/* Get the rows which are currently selected */
function fnGetSelected( oTableLocal )
{
    return oTableLocal.$('tr.row_selected');
}

【问题讨论】:

    标签: javascript jquery datatable selected


    【解决方案1】:

    在jsfiddle的代码中,在第2版的点击和删除功能中,忘记将oTable改成oTable2,这就是重复代码不起作用的原因。

    【讨论】:

    • 完美。非常感谢您,从未在控制台上显示的简单监督。
    猜你喜欢
    • 1970-01-01
    • 2012-01-07
    • 2012-05-08
    • 2017-05-26
    • 2022-01-22
    • 2020-05-30
    • 1970-01-01
    • 2010-10-19
    • 2015-07-06
    相关资源
    最近更新 更多