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

前端之家收集整理的这篇文章主要介绍了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可以达到最佳性能.

猜你在找的jQuery相关文章