Extjs 6：如何在单击按钮时强制在元素上显示工具提示？答案

【问题标题】：Extjs 6: How to forcefully show a tooltip on an element on a button click?Extjs 6：如何在单击按钮时强制在元素上显示工具提示？
【发布时间】：2017-01-30 07:53:23
【问题描述】：

我有一个场景，即组合框和一个按钮。我想在单击按钮时在组合框上显示工具提示，并在再次单击时将其隐藏。如何在不使用工具提示实例的 id 的情况下做到这一点？我还可以指定工具提示的位置，即 x 和 y 相对于组合框和样式工具提示的位置吗？非常感谢

【问题讨论】：

标签： extjs extjs5 extjs6 extjs6-classic

【解决方案1】：

当你点击按钮创建新的工具提示实例如下：

Ext.create('Ext.tip.ToolTip', {
    html:<tip contents>,
    id:<some id>
});

还有showBy() 这个实例对应tip.showBy(<combo instance>) 之类的组合。现在再次单击按钮检查是否存在提示实例，如果存在则隐藏它，否则再次显示它。但是你需要一些 id 作为工具提示。

【讨论】：

是的，您可以，您可以通过提供一些 css 名称来使用查询选择器。例如。如果您使用 cls:'myTip'，那么您可以通过以下行获取提示的实例： Ext.query('div.myTip') 它将返回您的实例。从中您可以获得工具提示组件。注意 Ext.query() 返回 array.Reply 如果有任何问题。
谢谢..但是我是否需要指定组合的 id（在创建 id 时）或者我可以通过 queryselector 获取组合框的 id 并使用该 id 来呈现工具提示？只是问，因为不是 ids 的忠实粉丝。
使用 id 作为其实例的组合。是的，您可以使用 queryselector。