Javascript Extjs 4网格鼠标悬停显示完整单元格值

Javascript Extjs 4网格鼠标悬停显示完整单元格值,javascript,grid,extjs4,javascript-framework,Javascript,Grid,Extjs4,Javascript Framework,我有一个网格,其中一列有一个长字符串。我希望当用户将鼠标滑过此列中的任何单元格时,显示完整字符串 到目前为止,我已经在为本栏中的任何单元格弹出工具提示,但它们不显示文本。工具提示总是说“图标提示” 如何让qtip显示变量val而不是字符串“Icon Tip”? Ext.define('AM.view.user.List' , { extend: 'Ext.grid.Panel', ....... initComponent: function() { fu

我有一个网格,其中一列有一个长字符串。我希望当用户将鼠标滑过此列中的任何单元格时,显示完整字符串

到目前为止,我已经在为本栏中的任何单元格弹出工具提示,但它们不显示文本。工具提示总是说“图标提示”

如何让qtip显示变量val而不是字符串“Icon Tip”?

Ext.define('AM.view.user.List' , {
    extend: 'Ext.grid.Panel',
    .......
    initComponent: function() {
        function renderTip(val, meta, rec, rowIndex, colIndex, store) {
            meta.tdAttr = 'data-qtip="Icon Tip"';
            return val;
        };
        this.columns = [
            {header: 'First Name', dataIndex: 'FirstName', width: 75},
            {header: 'Last Name', dataIndex: 'Last', width: 75},
            {header: 'Perm', dataIndex: 'Perm', width: 75},
            {header: 'Comment', dataIndex: 'Comments', width: 150, renderer: renderTip}
        ];
        this.callParent(arguments);
    }
});

您已经拥有该值,它将作为第一个参数传递给渲染器。如果您需要更多信息,您也有记录。

在sencha论坛上找到了它,正确的代码是:

function renderTip(value, metaData, record, rowIdx, colIdx, store) {
    metaData.tdAttr = 'data-qtip="' + value + '"';
    return value;
};
我想我需要使用一些字符串/变量连接


谢谢您的回答。值和记录之间的差异是什么?我想替换meta.tdAttr='data qtip=“Icon Tip”';使用meta.tdAttr='data qtip=val';将在工具提示中显示单元格值,但它只对所有单元格显示“val”,现在值是数据索引中绑定的值,记录是包含所有值的整个模型。不确定您对编程有多熟悉,但val是一个变量。因此,=val和=“val”之间存在差异;是的,我想meta.tdAttr='data qtip=“Icon Tip”';将在工具提示中显示字符串“Icon Tip”,确实如此。我认为meta.tdAttr='dataqtip=val';将在工具提示中显示变量val中包含的字符串,但它仅显示“val”。谢谢你的回复!从这条线里猜出来的