时间戳

首页 > 解决方案 > 如何为 extjs 网格中的列定义自定义工具提示？

extjs - 如何为 extjs 网格中的列定义自定义工具提示？

问题描述

如何为 extjs 网格中的列定义自定义工具提示？有一个网格侦听器，它为整个网格应用快速提示，但我希望列具有自定义工具提示并忽略全局工具提示。这里是网格上的监听器代码：

listeners: {
    itemmouseenter: function (view, record, item, index, e, options)
    {
        if (e.getTarget().textContent.length > 11)
           Ext.QuickTips.register({
               text: e.getTarget().textContent,
               trackMouse: true,
               target: e.target
           });
    },
}

我尝试将此代码添加到列中，但仍然可以使用全局代码。

标签： extjsextjs4tooltipextjs-grid

解决方案

通过使用网格列的渲染器，您可以显示工具提示。就像是

var myRenderer = function(value, metaData, record, rowIndex, colIndex) {
   if (colIndex === 0) {
      metaData.tdAttr = 'data-qtip=' + value;
   }
   // additional logic to apply to values in all columns
   return value;
}

https://docs.sencha.com/extjs/6.0.2/classic/Ext.grid.column.Column.html#cfg-renderer

推荐阅读