.NET 3.5 GridView - 使用 Control 键选择多行答案

【问题标题】：.NET 3.5 GridView - Select multiple rows with Control key press.NET 3.5 GridView - 使用 Control 键选择多行
【发布时间】：2009-02-04 07:16:36
【问题描述】：

我正在开发一个 .NET 3.5 Web 应用程序并且我正在使用 GridView。

当用户按下控制键并单击行时，我想选择多行。

如果在不按控制键的情况下点击我只想做单行选择。

如何检查用户是否按下了javascript中的控制键并突出显示所有选定的行？

谢谢

阿肖克

【问题讨论】：

标签： asp.net .net-3.5 gridview

【解决方案1】：

我希望这可以为您提供一定的帮助。
您可以捕获 GridView 中每一行的 onkeypress 和 onkeyup 事件，如下所示：

var isCtrl = false;

$('.GridViewRow').keyup(function (e) {<br/>
if(e.which == 17) isCtrl=false;<br/>
}).keydown(function (e) {<br/>
if(e.which == 17) isCtrl=true;<br/>
}<br/>
});<br/>

它将匹配类为“GridViewRow”的所有行。因此，您需要将此类指定给您的 GridView 行。
接下来，在 onclick 事件中切换被点击行的背景颜色。

$('.GridViewRow').onclick(function (e) {
      // your row on click code goes here
});

在这里，我使用了 JQuery，您还需要像这样包含 Jquery 的脚本引用：

<script language="JavaScript" src="JQuery.js"></script>

【讨论】：