在下面的示例中,突出显示在单独的行中效果很好。在我的代码中,我可以看到单个行的选择有效,但是,实际突出显示不起作用。
我正在使用 Twitter Bootstrap 3 + 数据表。
http://datatables.net/release-datatables/examples/api/select_single_row.html
任何帮助,将不胜感激。我照原样遵循了这个例子,我想我可能没有在它的 init 中正确配置表格,或者 Bootstrap 不太喜欢突出显示。
var oTable;
$( document ).ready(function() {
/* Add a click handler to the rows - this could be used as a callback */
$("#pTable 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 */
$('#deletePButton').click( function() {
var anSelected = fnGetSelected( oTable );
if ( anSelected.length !== 0 ) {
oTable.fnDeleteRow( anSelected[0] );
}
});
/* Init the table */
oTable = $('#pTable').dataTable( );
/* Get the rows which are currently selected */
function fnGetSelected( oTableLocal )
{
return oTableLocal.$('tr.row_selected');
}
});
因此,如果我选择一行并删除一行,代码中引用的 deleteButton 将起作用。只是突出显示不起作用!