将悬停和/或 onClick 绑定到 jqgrid 单元格中的单个单元格

Question

我已经在 stackoverflow 中搜索了这个问题的答案，但我找不到答案（或者我对答案的理解不够深入，无法知道我的问题已经得到解答，所以如果是后者，请接受我的歉意是这样）。

您可以在http://www.bcgsc.ca/downloads/bdavis/tempsite/ 上查看我正在开发的网站示例。

我希望能够为行名设置一个 onHover 或 onClick（或理想情况下两者，每个都会导致不同的操作）。您可以通过查看列标题来查看此功能的示例。如果您允许鼠标光标悬停在列标题 H3K4me3（例如）上，它将显示一个简短的描述，如果您单击它，它将打开一个网页，我将在其中更深入地放置内容关于它。我希望能够为行标题（例如 CD19+ 单元格）重新创建此功能。

目前，网站通过读取 data.xml 文件来填充网格，该文件指定了足够的信息来显示网格中包含的值，并将信息提供给系统后端，以便当用户点击'在 UCSC 浏览器中查看' 传输正确的信息。在 data.xml 文件中使用了 CDATA 标记，下面粘贴了一个简短的示例。

<cell><![CDATA[ Blood]]></cell>

我设想实现此功能的方式是在 CDATA 对象中放置一些 javascript + html，但显然这不起作用，因为它是 CDATA，所以它没有被解析，但是用 PCDATA 替换 CDATA 会导致后端中断（我不知道为什么）并且表格根本没有填写。我什至尝试用一个东西简单地替换整个 CDATA sn-p，但这也不是由网络浏览器处理的，我想这是因为 jqgrid 传输数据的方式。

请注意，当您将鼠标悬停在行名上时，您可以看到该单元格的内容。因此，onHover 功能的合理策略是动态更改该单元格的标题，或者以某种方式修改 jqgrid 以允许它将单元格内容设置为不同于 title 属性的内容。

一个理想的解决方案将允许我同时拥有 .hover 功能和 .onClick 样式功能，但如果我只能让 onClick 工作，我会很满意。这绝对是更重要的功能。目前，单元格没有唯一的 id，但行有。

那么，谁能帮助我或提供一些查看方向。

谢谢， 布拉德戴维斯

Answer 1

网格的每个单元格都由<td> HTML 元素表示。单元格的title 属性将默认设置为单元格的内容。使用cellattr 回调，您可以为工具提示文本构造另一个 静态值。我将该值命名为静态，因为它将作为属性保存在单元格中。另一方面，您可以根据同一行的 other 单元格构造值。 The answer提供了对应的代码示例和demo。

jqGrid 支持onCellSelect 和beforeSelectRow，如果用户单击网格的单元格，则会调用它们。可以使用回调的最后一个参数（the documentation 中的e 参数）来获取被点击单元格的列号或列名。回调还获得rowid 作为参数。因此可以使用getCell、getRowData 或getLocalRow 来访问同一行的其他列的数据。参见the answer 示例，它显示了如何获取单击单元格上的列名（cm[iCol].name 是代码片段中的列名）。