使用JavaScript在GridView中选择行

我在asp.net中遇到GridView的一些问题,

           Edit      

当我点击编辑链接时,它会显示编辑AJAX弹出面板,但我现在怎样才能点击哪一行? 有解决方案吗 请帮我。

当你说你想要“行”时,你的问题不是很明确,这里有3种不同的方法来做到以下几点:

  1. 获取行的ID
  2. 获取行的索引
  3. 在鼠标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