ExtJS工具提示未隐藏在mouseout上_Extjs

ExtJS工具提示未隐藏在mouseout上

extjs

ExtJS工具提示未隐藏在mouseout上,extjs,Extjs,我可以在mouseover上创建工具提示，但在mouseout上我的工具提示不是销毁或隐藏我正在使用下面的代码。请建议更正 <!DOCTYPE html> <html> <head> <link href = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css"

我可以在mouseover上创建工具提示，但在mouseout上我的工具提示不是销毁或隐藏

我正在使用下面的代码。请建议更正

<!DOCTYPE html>
<html>
   <head>
      <link href = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" 
         rel = "stylesheet" />
      <script type = "text/javascript" 
         src = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"></script>

      <script type = "text/javascript">
         Ext.onReady(function() {
            toolTip = new Ext.ToolTip ({       
               id : 'toolTip',
               html : 'This is a basic toolTip'
            });
            Ext.create('Ext.Button', {
               renderTo: Ext.getElementById('buttonId'),
               text: 'Hover Me',

               listeners: {
                  mouseover: function() {
                     toolTip.show();
                  }
               }
            });
         });
      </script>
   </head>

   <body>
      <div id = "buttonId"></div>
   </body>
</html>


Ext.onReady（函数（）{
toolTip=新的Ext.toolTip（{
id:“工具提示”，
html:“这是一个基本的工具提示”
});
Ext.create（'Ext.Button'{
renderTo:Ext.getElementById（'buttonId'），
文本：“悬停我”，
听众：{
mouseover:function（）{
toolTip.show（）；
}
}
});
});

提前谢谢你。

这对我很有效

<!DOCTYPE html>
<html>
   <head>
      <link href = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" 
         rel = "stylesheet" />
      <script type = "text/javascript" 
         src = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"></script>

      <script type = "text/javascript">
         Ext.onReady(function() {



            new Ext.button.Button({
    renderTo: Ext.getBody(),
    text: 'Click',
    tooltip: 'Tooltip',
    tooltipType: 'title'
});
         });
      </script>
   </head>

   <body>
      <div id = "buttonId"></div>
   </body>
</html>


Ext.onReady（函数（）{
新的外部按钮({
renderTo:Ext.getBody（），
文本：“单击”，
工具提示：“工具提示”，
工具脚本类型：“标题”
});
});

你没有任何代码隐藏工具提示，除非你是，而且根本没有提供该代码？为什么不为按钮使用

工具提示

属性？@PeterAbolins，如果我添加一个mouseout侦听器，mouseover和mouseout会被一个接一个地重复调用，用户无法看到工具提示。我不想为这个tooptip添加closable属性。请建议您是否有更好的解决方案。我的要求是鼠标悬停的文字应该消失，我不知道为什么人们很快就投了反对票。@MasterPo，我真的非常感谢你。在你的建议之后，我尝试了下面的代码，它对我有效。