【发布时间】:2011-12-14 22:21:42
【问题描述】:
我正在使用 jqgrid,我希望为每个列名称提供一个工具提示,该工具提示是每个列标题的不同值(我想将描述放入工具提示中)。就我而言,我使用的是 treegrid,但我的问题同时适用于 treegrid 和常规 jqgrid。
这可能吗?同样,我希望为每个列标题(常规标题和分组标题列)执行此操作
【问题讨论】:
我正在使用 jqgrid,我希望为每个列名称提供一个工具提示,该工具提示是每个列标题的不同值(我想将描述放入工具提示中)。就我而言,我使用的是 treegrid,但我的问题同时适用于 treegrid 和常规 jqgrid。
这可能吗?同样,我希望为每个列标题(常规标题和分组标题列)执行此操作
【问题讨论】:
我认为this answer 也可以回答您的问题。
如果您更喜欢使用答案中描述的更直接的方式,您可以使用列标题的所有<th> 元素具有从网格的 id 构造的 id,例如“list”和列的name 属性的值,如“税”,以及之间的下划线(“_”)。因此,在上述示例中,列的 id 将是“list_tax”。因此,您只需在相应的<th> 元素上设置title 属性即可设置工具提示:
$("#list_tax").attr("title", "my tooltip");
【讨论】:
"jqgroup" 类的<tr> 元素的第一个<td> 中。您还可以使用groupingView.sortnames[0] 来获取所有组的列表。
要添加工具提示,只需在加载完成时调用此方法:
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]);
}
}
【讨论】: