使用jQuery突出显示选定的ASP.NET DataGrid行

时间:2020-03-06 14:55:13  来源:igfitidea点击:

突出显示选定的数据网格行很容易,例如,通过在tr的click事件中使用toggleClass即可。但是,如何最好地在选择了另一行之后稍后删除突出显示呢?遍历所有行以使其不突出显示对于较大的数据网格可能会变得很昂贵。我会对最简单的解决方案以及最高效的解决方案感兴趣。

谢谢,
麦克风

解决方案

如果我们只想查找具有toggledClass的项目并使用jQuery将其关闭,请执行以下操作:

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

为了获得更快的性能,我们可以将所选元素的ID放入var(或者倍数数组)中,然后在切换类时在该数组上使用var / iterate。

此方法将活动行存储到变量中。变量开头的$只是我自己对jQuery对象的匈牙利表示法。

var $activeRow;

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