我需要应用程序中的功能来允许用户单击一行来选择一行。此外，我想为 Ctrl/Shift 添加功能 + 单击以选择一行。
我看到了将复选框添加到每一行以选择一行的示例。我不希望将此类复选框添加到应用程序中。
我遇到了一个已有一年的链接，但似乎回答了我的问题http://groups.google.com/group/slickgrid/browse_thread/thread/96a5291161d41efa
这里有更好的处理方式吗？
【问题讨论】：
SlickGrid DOM 不是静态的 - 请避免直接修改它。
此功能已通过可插入的 SelectionModel 内置到 SlickGrid 中。发行版中包含两个选择模型 - Slick.CellSelectionModel 和 Slick.RowSelectionModel。你所要做的就是打电话
grid.setSelectionModel(new Slick.RowSelectionModel());
有关示例，请参阅 http://mleibman.github.com/SlickGrid/examples/example9-row-reordering.html。
【讨论】：
<script src="slick.rowselectionmodel.js"></script> 添加到标题
这是一个 83Kb 的文件（只是 JS），这并不可怕，但对于您想要做的事情来说相当大。
//select the parent table element, then select its child (the `tbody` element) then get its children which will be the `tr` elements
$('table').children().children().on('click', function (event) {
//check to see if ctrl+shift is being held while this click occured
if (event.ctrlKey === true && event.shiftKey === true) {
//if ctrl+shift were held during the click then you know this element has been selected
//and you can do what you need, in this demo I'm just adding a class to denote that the element has been selected
$(this).toggleClass('selected');
}
});
如您所见，如果您只想测试在单击 tr 元素时是否按住 ctrl+shift，那么您可以使用少于 83KB 的代码（上面的演示是 600 字节)。
这是一个演示：http://jsfiddle.net/YZytJ/
注意 .on() 是 jQuery 1.7 中的新内容，在这种情况下与使用 .bind() 相同：http://api.jquery.com/on
【讨论】：
slickgrid 插件，我从未使用过它。然而，它很可能使用至少保持静态的 HTML 结构。您可以使用您的开发人员工具检查 DOM 并找出 slickgrid 正在创建的 HTML 结构。