asp.net 设置GridView的选中行
2009-04-09 18:35
911 查看
<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++;
}
}
当点某行时,直接选中,然后移动方向键则切换不同的选中行; 如果直接按方向键,则从第一行开始标识
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 设置GridView的选中行
- asp.net 设置GridView的选中行
- asp.net为gridview绑定数据时出错“未将对象设置引用到对象实例”
- GridView列宽度设置(asp.net)
- ASP.NET的gridview设置数据格式
- asp.net GridView设置每一列的对齐方式
- ASP.NET GridView 复合表头(带自动分页设置)
- asp.net gridview 导出时设置文本类型
- DevExpress ASP.NET 使用经验谈(6)-ASPxGridView属性设置与CRUD界面优化
- ASP.NET的gridview设置数据格式(DataFormatString="{}")与 String.Format 使用总结
- ASP.NET2005 设置GridView表头的背景图片
- ASP.NET的gridview设置数据格式(DataFormatString="{}")与 String.Format 使用总结 .
- ASP.NET的gridview设置数据格式(DataFormatString="{}")
- ASP.NET的gridview设置数据格式(DataFormatString="{}")与 String.Format()【转载】
- asp.net设置gridview页码显示遇到的问题
- ASP.NET 2.0中Gridview利用DataFormatString属性设置数据格式
- ASP.NET的gridview设置数据格式(DataFormatString="{}")与 String.Format 使用总结收藏
- Asp.net简单代码设置GridView自适应列宽不变形实现思路与代码
- asp.net中gridview设置边框
- 新增格式化单元格数据功能-dotNetFlexGrid1.24,快速的设置您的表格数据的不同样式;现在开始扔掉你的Asp.net GridView吧。(更新FieldFormatorHandle参数)