如何设置GridView的选中行
2009-04-09 15:41
141 查看
<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++;
}
}
当点某行时,直接选中,然后移动方向键则切换不同的选中行; 如果直接按方向键,则从第一行开始标识
相关文章推荐
- 如何在GridView中设置显示图片的大小
- 如何动态设置gridview的宽度
- Android GridView——如何以dp单位使用setColumnWidth()设置宽度
- 如何gridview绑定到数组上面,并设置超链接
- asp.net 设置GridView的选中行
- Asp.Net2.0 如何设置 GridView 合并行或列?
- 有CCS的情况下,如何动态设置gridview的字体颜色
- 如何设置GridView的列宽
- 用devexpress把gridview的一列设置成combobox属性后,如何把其中一行改成dateedit属性
- 【转】GridView如何设置选中项高亮,直到选中其他项时取消高亮
- GridView如何设置View的初始样式
- gridview如何改变行显示的内容以及设置单元格的是否允许编辑
- asp.net 设置GridView的选中行
- 如何设置gridview一个linkbutton点击改变审核状态
- 请问GridView中 两个图片之间的间距是如何设置的
- 如何设置GridView中某个字段显示数据的一部分?
- gridview如何改变行显示的内容以及设置单元格的是否允许编辑
- 如何在GridView中设置显示图片的大小
- gridview中的超连接HyPERLinkField如何设置从新窗口打开
- GridView控件中如何获取所选行的设置的DataKeyNames值