【问题标题】:Does jqgrid support tooltips on header cells (and grouped header cells)jqgrid 是否支持标题单元格(和分组标题单元格)上的工具提示
【发布时间】:2011-12-14 22:21:42
【问题描述】:

我正在使用 jqgrid,我希望为每个列名称提供一个工具提示,该工具提示是每个列标题的不同值(我想将描述放入工具提示中)。就我而言,我使用的是 treegrid,但我的问题同时适用于 treegrid 和常规 jqgrid。

这可能吗?同样,我希望为每个列标题(常规标题和分组标题列)执行此操作

【问题讨论】:

    标签: jquery jqgrid tooltip


    【解决方案1】:

    我认为this answer 也可以回答您的问题。

    如果您更喜欢使用答案中描述的更直接的方式,您可以使用列标题的所有<th> 元素具有从网格的 id 构造的 id,例如“list”和列的name 属性的值,如“税”,以及之间的下划线(“_”)。因此,在上述示例中,列的 id 将是“list_tax”。因此,您只需在相应的<th> 元素上设置title 属性即可设置工具提示:

    $("#list_tax").attr("title", "my tooltip");
    

    【讨论】:

    • @leora:分组标头位于具有"jqgroup" 类的<tr> 元素的第一个<td> 中。您还可以使用groupingView.sortnames[0] 来获取所有组的列表。
    【解决方案2】:

    要添加工具提示,只需在加载完成时调用此方法:

    addToolTipForColumnheader('YourGridID');
    
    function addToolTipForColumnheader(gridID){
        var columnNameList=$('#'+gridID)[0].p.colNames;
        for (var i = 0; i < columnNameList.length; i++){
            var columnName=$('#'+gridID)[0].p.colModel[i].name;
            $('#'+gridID+'_'+columnName).attr("title", $('#'+gridID)[0].p.colNames[i]);
        }
    }  
    

    【讨论】:

      猜你喜欢
      • 2011-06-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-12-30
      • 1970-01-01
      • 1970-01-01
      • 2010-11-19
      • 1970-01-01
      相关资源
      最近更新 更多