使用JavaScript在GridView中选择行
我在asp.net中遇到GridView的一些问题,
Edit
当我点击编辑链接时,它会显示编辑AJAX弹出面板,但我现在怎样才能点击哪一行? 有解决方案吗 请帮我。
当你说你想要“行”时,你的问题不是很明确,这里有3种不同的方法来做到以下几点:
- 获取行的ID
- 获取行的索引
- 在鼠标hover时突出显示该行
通过以上3种方式,你应该能够弄清楚你想要做的任何事情。
这是代码:
使用Javascript
HTML / ASPX
Edit ');">Click to show ID
Click to show Row Index
我知道这个post很旧,但我有一个更简单的解决方案。 使用以下方法创建控件
asp:GridView标签内的某个地方。
然后在页面客户端脚本中添加以下内容(我使用jQuery)
$(document).ready(function () { $('.GridRow').click(ChangeSelectedRow); }); function ChangeSelectedRow(evt) { $('.GridRow').removeClass('GridSelectedRow'); $(this).addClass('GridSelectedRow'); }
最后,在样式表中为GridSelectedRow定义所需的样式。 类似下面显示的代码。 需要!important标签以确保它覆盖以前的背景颜色设置。
.GridSelectedRow { background-color: #E0F76F !important; }
您可以将Id
添加为要传递给ShowPopUpAdmin
函数的参数,以了解正在单击哪一行。 有点像
Edit