asp.net 设置GridView的选中行
asp.net 设置GridView的选中行
发布时间:2016-12-29 来源:查字典编辑
摘要:varcurrentRowId=0;functionSelectRow(){if(event.keyCode==40)MarkRow(cur...

<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>

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

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++;

}

}

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新asp.net教程学习
热门asp.net教程学习
编程开发子分类