在gridview上实现上下键移动选中行！

在gridview上实现上下键移动选中行！       

http://blog.csdn.net/gdsimon/article/details/6121424

因为要用到js，所以要在gridview的OnRowDataBound中加入js的语句。

protectedvoid gvMain_OnRowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        string strGvName = "gvMain";
        e.Row.Attributes.Add("id", strGvName + _i.ToString());
        e.Row.Attributes.Add("onKeyDown", "SelectRow(event,'" + strGvName + "');");
        e.Row.Attributes.Add("onClick", "MarkRow(" + _i.ToString() + ",'" + strGvName + "');");
        e.Row.Attributes.Add("tabindex", "0");
        _i++;
    }
}

protected void gvMain_OnRowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { string strGvName = "gvMain"; e.Row.Attributes.Add("id", strGvName + _i.ToString()); e.Row.Attributes.Add("onKeyDown", "SelectRow(event,'" + strGvName + "');"); e.Row.Attributes.Add("onClick", "MarkRow(" + _i.ToString() + ",'" + strGvName + "');"); e.Row.Attributes.Add("tabindex", "0"); _i++; } }

其中的_i要预先声明

private int _i = 0;

为什么要加入tabindex="0"这个属性呢，没有这个的话IE里可以运行正常，但firefox或chrome这些浏览器就不行了 。

在html中加入js语句

<mce:script type="text/javascript" language="javascript"><!--
    var currentRowId=0;
    function SelectRow(ev,strGvName)
    {
        var e = window.event || ev;
        var keyCode = -1;
        if (e.which == null)
            keyCode= e.keyCode;    // IE
        else
            if (e.which > 0)
                keyCode=e.which;    // All others
         if (keyCode==40)
            MarkRow(currentRowId+1,strGvName);
         if (keyCode==38)
            MarkRow(currentRowId-1,strGvName);
    }
    function MarkRow(rowId,strGvName)
    {
        if (document.getElementById(strGvName+rowId) == null)
            return;
        if (document.getElementById(strGvName+currentRowId) != null )
            document.getElementById(strGvName+currentRowId).style.backgroundColor = '#ffffff';
        currentRowId = rowId;
        document.getElementById(strGvName+rowId).style.backgroundColor = '#E6F5FA';
        var obj=document.getElementById(strGvName);
        obj.rows[rowId].cells[0].focus();
    }

-></mce:script>