extjs4 在按钮单击而不是鼠标悬停时显示工具提示

Posted 2023-02-26

【中文标题】extjs4 在按钮单击而不是鼠标悬停时显示工具提示

【英文标题】：extjs4 display tooltip on button click instead of mouse hover

【发布时间】：2012-12-12 23:01:56

【问题描述】：

我正在尝试在下面的工具提示中添加一个点击监听器。 我不希望在鼠标悬停时显示工具提示。相反，它需要在按钮单击时显示。 我必须在侦听器中添加处理函数吗？

                    xtype: 'button',
                    cls:'my-btn',
                    iconCls:'question',                     
                    src:'../www/css/slate/btn/question.png',
                    padding: '5 0 0 0',

                    listeners: 


                        render: function(cmp) 
                            Ext.create('Ext.tip.ToolTip', 
                                closable:true,
                                hideDelay : 3000,
                                padding: '0 0 0 0',
                                maxWidth:400,
                                width:800,

                                target: cmp.el,
                                html: "<b>read-only</b>:Users will have read only access to all pages",
                                getTargetXY: function() 
                                    return [810, 340];
                                
                            );
                        

                    


                ,

【参考方案1】：

是的，在click 上，您可以以编程方式显示工具提示，跳过target 并添加showAt()：

...

listeners: 
    click: function(cmp) 
        Ext.create('Ext.tip.ToolTip', 
            closable:true,
            hideDelay : 3000,
            padding: '0 0 0 0',
            maxWidth:400,
            width:800,
            html: "<b>read-only</b>:Users will have read only access to all pages",
        ).showAt([810, 340]);

    

如果您不需要自动隐藏（您的工具提示无论如何都是可关闭的），您可以将其设为 Ext.tip.Tip：

        Ext.create('Ext.tip.Tip', 
            closable:true,
            padding: '0 0 0 0',
            maxWidth:400,
            width:800,
            html: "<b>read-only</b>:Users will have read only access to all pages",
        ).showAt([810, 340]);

【讨论】：

你给showAt提供静态位置，如果我想显示通过鼠标点击或按钮获得的动态位置怎么办？？

工作原理完全相同，只需输入您希望显示工具提示的坐标即可。