Extjs 在以单元格为基础的整个网格行上显示工具提示

Posted

技术标签:

【中文标题】Extjs 在以单元格为基础的整个网格行上显示工具提示【英文标题】:Extjs Show tooltip on entire grid row insted of cell basis 【发布时间】:2014-03-14 07:37:25 【问题描述】:

我是 extjs 的新手,我正在使用 3.2 版。我正在尝试在鼠标悬停时显示工具提示。

我的代码是这样的

header: "remarks",
    width: 120,
    sortable: true,
    dataIndex: 'remarks',
    renderer: function (value,metadata) 
             return  getToolTip(value,metadata);
         ,
         editor: 
             xtype: 'textfield',
             allowBlank: true
             ,

function getToolTip(value, metadata, record)
                    metadata.attr = 'ext:qtip="' + value + '"';
                   return value;
                

当我将鼠标悬停在备注列上时,它工作正常。我想要的带有备注值的工具提示将在整行鼠标悬停时显示。

如何做到这一点

请帮忙 谢谢

【问题讨论】:

【参考方案1】:

我认为你必须将'ext-qtip'改为'data-qtip'

【讨论】:

那个是4.x之后引入的,3.x还是ext:qtip

以上是关于Extjs 在以单元格为基础的整个网格行上显示工具提示的主要内容,如果未能解决你的问题,请参考以下文章

如何突出显示和检测 CSS 网格行上的鼠标点击?

ExtJs 3:如何根据用户网格存储值动态更新网格单元工具提示?

Extjs 现代网格列单元格工具条件 iconCls

ExtJS:编辑整个网格并一次保存

ExtJS 2.x 重复数据的网格单元验证

ExtJS 4.2网格单元格编辑如何将列值与组合显示值绑定