jquery - 如何设置jqGrid鼠标悬停时的工具提示？

Question

如何设置将鼠标悬停在 jqGrid 行/单元格上时出现的“工具提示”？

当前工具提示似乎只是单元格内容。

Answer 1

总的来说，我同意 Justin 的观点，jqGrid 无法让您直接在行上设置工具提示，您只能在单元格的基础上执行此操作。所以你必须手动执行此操作。

首先你应该设置title:false所有单元格上的属性都没有单元格的工具提示。然后您必须设置每一行的自定义工具提示。例如，您可以在 loadComplete 内执行此操作事件句柄。对应的代码大概如下:

loadComplete: function() {
    var ids = grid.jqGrid('getDataIDs');
    for (var i=0;i<ids.length;i++) {
        var id=ids[i];
        var rowData = grid.jqGrid('getRowData',id);
        $('#'+id,grid[0]).attr('title', rowData.Name + ' (' +
                                        rowData.Category + ', ' +
                                        rowData.Subcategory + ')');
    }
}

可以看到对应的例子你可以看live here .

更新:在jqGrid的较新版本中，有更有效的方法来设置自定义标题。它是 cellattr 的用法(请参阅 the answer 作为示例)或 rowattr 的用法(请参阅 the answer )。我建议始终使用 jqGrid 的 gridview: true 选项。将 cellattr 或 rowattr 与 gridview: true 一起使用，可以创建完整的网格体，其中包含需要的所有工具提示页面的修改(包含所有工具提示的网格主体的完整 HTML 片段将分配给 innerHTML 属性)。循环中 .attr 的使用至少遵循 reflow这是广泛的(参见 here )。因此，将 cellattr 和 rowattr 与 gridview: true 结合使用可以实现最佳性能。