如何将 tooltip/hoverover 添加到网格列 Extjs 的过滤器

Question

我有一个网格面板，其中包含包含过滤器的列我想在过滤器上添加悬停。我怎样才能做到这一点。我尝试添加工具提示，但没有用。有什么建议吗

Answer 1

如果你想在过滤器菜单项上添加工具提示，那么你可以覆盖 Ext.grid.filters.Filters

Ext.override(Ext.grid.filters.Filters,{
     createMenuItem: function (menu, parentTableId) {
        var me = this,
            item;

        // only add separator if there are other menu items 
        if (menu.items.length) {
            me.sep = menu.add('-');
        }
        item = menu.add({
            checked: false,
            itemId: 'filters',
            text:me.menuFilterText,
            tooltip:'On blank space filters data with empty fields ',
            listeners: {
                scope: me,
                checkchange: me.onCheckChange
            }
        });

        return (me.filterMenuItem[parentTableId] = item);
    }
});

如果您想在搜索文本框上显示工具提示，则可以执行以下操作：

 {
        xtype: 'gridcolumn',
        dataIndex: 'myField',
        text: 'My Field',
        filter: {
            type: 'string',
             itemDefaults: {
                 inputAttrTpl: " data-qtip='On blank space filters data with empty fields' ",
            }

        }
    }

Link 分叉 fiddle : https://fiddle.sencha.com/#view/editor&fiddle/204o 使用 Ext JS 5.1.1.451 - Neptune

如何将 tooltip/hoverover 添加到网格列 Extjs 的过滤器

How to add a tooltip/hoverover to a filter for a grid column Extjs

extjs

extjs4

extjs5

sencha-architect