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

最新推荐文章于 2022-05-19 10:34:51 发布

原创最新推荐文章于 2022-05-19 10:34:51 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #javascript #null #firefox #chrome #object

本文详细介绍了如何在GridView控件的OnRowDataBound事件中加入JavaScript代码，实现在不同浏览器下使用Tab键选择表格行的功能，并解释了为什么需要在HTML中加入tabindex=0属性来确保IE、Firefox和Chrome等浏览器的兼容性。

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

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"></mce:script>