如何在jqgrid中显示格式化区域外单元格内容的正确工具提示

How to show proper tooltip for cell content outside formatted area in jqgrid

本文关键字:单元格 工具提示 区域 jqgrid 显示 格式化 显示格式      更新时间:2023-09-26

Select元素使用下面的代码添加到jqgrid列中。若光标位于单元格中的边距区域(在选择元素和单元格边界之间),则会出现包含所有折扣的奇怪工具提示(显示为文本的选择元素内容)。

"title":"Click in combo to select discount"

被忽略且从不显示。在这种情况下,如何显示工具提示"单击组合框选择折扣"?如果鼠标悬停,选择元素适当的工具提示"单击此处选择折扣"出现。

colmodel:

{"formatter":discountFormatter
 "name":"Discount",
 "title":"Click in combo to select discount",
 "width":50
}

var discount = '<select style="width:100%" title="Select discount by clicking here" onchange="discountOnChange(this)">', i;
for (i = 0; i <= 50; i++) {
    discount += '<option value="' + i.toString() + '">' + i.toString() + '%</option>';
}
discount += '</select>';
function discountFormatter() {
    return discount;
}

如果希望工具提示显示在整个单元格上,则应在单元格(<td>)上设置title属性,而不是仅在<select>上设置。sellattr是最好的:

cellattr: function () { return ' title="Click in combo to select discount"'; }