jqgrid - 单元格的工具提示或标题不显示 2000 + 个字符

Question

我正在尝试为带有图像的表格中的单元格获取包含 2000 个字符的工具提示或标题。尝试使用各种东西，但无法获得任何解决方案。请帮忙。我的专栏代码，

    {
    name: 'comments',
    index: 'comments',
    width: 80,
    align: 'center',
    resizable: true,
    sortable: false,
    editable: false,
    cellattr: function(rowId, val, rawObject) {
        return 'title="' + val + '"'
    },
    formatter: function(cellvalue, options, rowobject) {
        if (cellvalue.length <= 0) {
            return cellvalue;
        } else {
            var image = "<img src='/images/comment.png' />";
            return image;
        }
    }
},

第二次代码试用，

{
    name: 'comments',
    index: 'comments',
    width: 80,
    align: 'center',
    resizable: true,
    sortable: false,
    editable: false,
    formatter: function(cellvalue, options, rowobject) {
        if (cellvalue.length <= 0) {
            return cellvalue;
        } else {
            var image = "<img src='/images/comment.png' title='Comments:\n" + cellvalue + "'/>";
            return image;
        }
    }
},

当有 2000 个字符时，上面的代码没有显示任何工具提示。

也试过了，

var image = '<figure><img src='/images/comment.png' title='Comments:\n"+cellvalue+"'/></figure>';

加载工具提示的速度非常慢。 请帮忙。

Answer 1

1) 我想使用 2000 个字符长的标题不是一个好主意。浏览器可能会截断它（如 Firefox）或者它会运行缓慢。

你可以试试这个代码：

<figure><img src='/images/comment.png' id='img'/></figure>

var x = '1234567890';
var y = '';

for (var j=0;j<200;j++)
y+=x;

var i = document.getElementById('img');
i.title = y;

现场演示： https://jsfiddle.net/hbofay8g/

2) 更好的主意是使用悬停弹出窗口。像这里描述的东西 http://creativeindividual.co.uk/2011/02/create-a-pop-up-div-in-jquery/

在这种情况下，您可以更好地控制样式：颜色、卷轴、大小等。