在aspx中定义javascript事件,判断按键是否为上下键;
然后在gridview的rowDataBound中, 添加处理按键的事件处理函数和使用鼠标点击某行时的选中事件.
- <script type="text/javascript">
- var currentRowId = 0;
- function SelectRow()
- {
- if (event.keyCode == 40)
- MarkRow(currentRowId+1);
- else if (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>
- protected void 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++;
- }
- }