<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++;
}
}
当点某行时,直接选中,然后移动方向键则切换不同的选中行; 如果直接按方向键,则从第一行开始标识
分享到:
相关推荐
给GridView设置默认选中效果 及 选中后的效果
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#37B4F5';this.style....
winform中获取gridview选定行标识列的值
DevExpress设置单元格不可编辑,选单元格则选中一行,目的是只展示数据,不提供修改功能: DevexpressGridControl禁止点击单元格修改 设置GridView.OptionsBehavior的Editable选项设为False。在这种情况下,整个Grid...
GridView 行单击与双击事件,功能:单击选中行 双击打开详细页面 说明:
GridView 由按钮来控制选中的效果
代码如下: //取得gridview中获取选中行指定列的值 function Select() { //获取鼠标点击的元素var e=eventsrcElement; //获取元素所在的行的行号(表头行号从0开始)。注意:parentElement只适用于IE浏览器,而...
GridView控件行数据上移、下移的实现,Visual Studio2010、Sqlserver2008。
GridView选定行(续)GridView选定行(续)GridView选定行(续)GridView选定行(续)
GridView选中编辑取消删除数据项
GridView选中,编辑,取消,删除
asp.net GridView选中,编辑,取消,删除数据库中的数据,前台不用手写文本框,已测试通过
获取DataGridView选中行的值,代码以及说明
当点某行时,直接选中,然后移动方向键则切换不同的选中行; 如果直接按方向键,则从第一行开始标识
实例GridView选中,编辑,取消,删除数据项
获取GridView中Checkbox的值
仿泰捷视频主页,非常炫酷的lunchaer,即gridview选中动画
Android 单行水平滑动效果,用HorizontalScrollView+GridView 来实现的,点击选中项后,退出再次进入应用,直接跳转到改选中项。