Выбираемые строки для более чем одной Datatable страницу?

0

Мне нужна опция выбора строк на 2 разных Datatables независимо для нескольких страниц. Эти таблицы имеют разные кнопки, которые управляют таблицами в соответствии с выбранной строкой. Вот код для выбора строки для одной таблицы: https://datatables.net/release-datatables/examples/api/select_single_row.html Я не могу заставить это работать более чем для одной таблицы, даже если я дублирую все кода и использовать разные идентификаторы. 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');
}
Теги:
datatable
selected

1 ответ

1
Лучший ответ

В коде jsfiddle в версии 2 функций щелчка и удаления вы забыли изменить oTable для oTable2, поэтому дублирующий код не работает.

  • 0
    Отлично. Большое спасибо, простой упущение, которое никогда не показывалось на консоли.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню