jquery – 如何设置jqGrid鼠标上的工具？

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

目前,工具提示似乎只是单元格的内容.

解决方法

一般来说,我同意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 + ')');
    }
}

你可以看到相应的例子,你可以看到现场here.

更新：在更晚的版本的jqgrid中有更有效的方法来设置自定义标题.这是cellattr的使用(参见the answer的一个例子)或者使用rowattr(见the answer).我建议总是使用gridview：jqgrid的true选项.使用cellattr或rowattr以及gridview：true可以创建完整的网格体,包括页面修改中需要的所有工具提示(包含所有工具提示的网格的完整HTML片段将被分配给innerHTML属性).循环中的.attr的使用至少为reflow,这是扩展的(参见here).所以使用cellattr和rowattr与gridview相结合：true可以达到最佳性能.

原文地址：https://www.jb51.cc/jquery/179563.html