Использование jQuery для выделения выделенной строки ASP.NET DataGrid

Question

Легко выделить выделенную строку таблицы данных, например, используя toggleClass в событии щелчка tr. Но как лучше потом убрать выделение после того, как была выбрана другая строка? Итерация по всем строкам для их выделения может стать дорогой для больших массивов данных. Я был бы заинтересован в самом простом решении, а также в наиболее производительном.

Спасибо
Майк

Answer 1

Этот метод сохраняет активную строку в переменной. $ В начале переменной - это просто моя собственная венгерская запись для объектов jQuery.

var $activeRow;

$('#myGrid tr').click(function() {
    if ($activeRow) $activeRow.removeClass('active');
    $activeRow = $(this).addClass('active');
});

Answer 2

Если вы просто хотите найти элементы, которые имеют toggledClass и отключите их, используя jQuery:

$('.toggledClass').removeClass('toggledClass');

Answer 3

Для повышения производительности вы можете поместить идентификатор выбранного элемента в var (или массив для кратных значений), а затем использовать эту переменную / итерацию по этому массиву при выключении классов.