多个Datatable页面的可选行?

时间:2013-09-24 17:12:03

标签: javascript jquery datatable selected

我需要选择在几个页面上独立选择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');
}

1 个答案:

答案 0 :(得分:1)

在jsfiddle的代码中,在单击和删除功能的版本2中,您忘记更改oTable for oTable2,这就是重复代码不起作用的原因。