如何设置GridView的选中行-优快云博客

本文介绍了一种使用JavaScript实现的网格视图中通过键盘方向键进行行选中的方法。通过为每行添加特定的事件监听器，使得用户可以通过方向键在不同行间切换选中状态，同时支持直接点击某行来立即选中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript"> 
var currentRowId = 0; 
function SelectRow()
{
if (event.keyCode == 40)
MarkRow(currentRowId+1);
elseif (event.keyCode == 38)
MarkRow(currentRowId-1);
} 

function MarkRow(rowId)
{
if (document.getElementById(rowId) == null)
return; 

if (document.getElementById(currentRowId) != null )
document.getElementById(currentRowId).style.backgroundColor = '#ffffff';

currentRowId = rowId;
document.getElementById(rowId).style.backgroundColor = '#ff0000';
} 
</script>

然后在gridview的rowDataBound中, 添加处理按键的事件处理函数和使用鼠标点击某行时的选中事件.
protectedvoid GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Attributes.Add("id", _i.ToString());
e.Row.Attributes.Add("onKeyDown", "SelectRow();");
e.Row.Attributes.Add("onClick", "MarkRow(" + _i.ToString() + ");");

_i++;
}
}

当点某行时,直接选中,然后移动方向键则切换不同的选中行; 如果直接按方向键,则从第一行开始标识