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

Posted 2023-02-22

【中文标题】Extjs 4网格鼠标悬停显示完整的单元格值

【英文标题】：Extjs 4 grid mouseover show full cell value

【发布时间】：2012-08-25 18:43:20

【问题描述】：

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

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

如何让 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);
    
);

【参考方案1】：

在煎茶论坛上弄明白了，正确的代码是：

function renderTip(value, metaData, record, rowIdx, colIdx, store) 
    metaData.tdAttr = 'data-qtip="' + value + '"';
    return value;
;

我想我需要使用一些字符串/变量连接

http://www.sencha.com/forum/showthread.php?179016-Grid-cell-tooltip

【参考方案2】：

你已经有了这个值，它作为第一个参数传递给渲染器。如果您需要更多信息，您也有记录。

【讨论】：

感谢您的回答。值和记录有什么区别？我想替换 meta.tdAttr = 'data-qtip="Icon Tip"';使用 meta.tdAttr = 'data-qtip=val';将在工具提示中显示单元格值，但现在对所有单元格只显示“val”

Value是绑定在dataIndex中的值，record是包含所有值的整个模型。不确定您对编程有多熟悉，但 val 是一个变量。所以 = val 和 = "val"; 之间是有区别的；

是的，我认为 meta.tdAttr = 'data-qtip="Icon Tip"';将在工具提示中显示字符串“图标提示”，它确实如此。我以为 meta.tdAttr = 'data-qtip=val';将在工具提示中显示变量 val 中包含的字符串，但它只显示“val”。感谢您的回复！

从这个帖子sencha.com/forum/showthread.php?179016-Grid-cell-tooltip找到它