GridView中使用方向键标记选中行

在aspx中定义javascript事件,判断按键是否为上下键;

1. <script type="text/javascript">
2. var currentRowId = 0;
3. function SelectRow()
4. {
5.    if (event.keyCode == 40)
6.        MarkRow(currentRowId+1);
7.    else if (event.keyCode == 38)
8.     MarkRow(currentRowId-1);
9. }
11. function MarkRow(rowId)
12. {
13.    if (document.getElementById(rowId) == null)
14.    return;
15.    if (document.getElementById(currentRowId) != null )
16.        document.getElementById(currentRowId).style.backgroundColor = '#ffffff';
17.        currentRowId = rowId;
18.        document.getElementById(rowId).style.backgroundColor = '#ff0000';
19. }
20. </script>

然后在gridview的rowDataBound中, 添加处理按键的事件处理函数和使用鼠标点击某行时的选中事件.

1. protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
2. {
3.    if (e.Row.RowType == DataControlRowType.DataRow)
4.    {
5.        e.Row.Attributes.Add("id", _i.ToString());
6.        e.Row.Attributes.Add("onKeyDown", "SelectRow();");
7.        e.Row.Attributes.Add("onClick", "MarkRow(" + _i.ToString() + ");");
9.        _i++;
10.    }
11. }