0

いくつかのページで、2 つの異なる Datatables の行を個別に選択するオプションが必要です。これらのテーブルには、選択した行に従ってテーブルを操作するさまざまなボタンがあります。1つのテーブルの行を選択するコードは次のとおりです: 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');
}
4

1 に答える 1

1

jsfiddle のコードでは、クリックおよび削除機能のバージョン 2 で、oTable2 の oTable を変更するのを忘れていました。これが、重複したコードが機能しない理由です。

于 2013-09-24T17:43:15.103 に答える