Extjs 表单验证：多个 QTips

【问题标题】：Extjs Form validation: Multiple QTipsExtjs 表单验证：多个 QTips
【发布时间】：2019-04-25 15:11:43
【问题描述】：

有没有办法让 Extjs 为每个无效的表单字段创建单独的 QTips？这样我们就可以为每个输入设置不同的样式。就我而言，我需要将其中一个文本字段显示为黄色（如警告），并将其余字段显示为红色。

默认情况下，Extjs 将对每个字段使用相同的 QTip 组件。制作很难自定义样式。

【问题讨论】：

【解决方案1】：

对表单中的每个字段使用 invalidCls 属性

invalidCls : 'price-cat-invalidCls'

标记组件无效时使用的 CSS 类。

【讨论】：

这只会将类添加到组件中。我还需要为 QTips 设置不同的类，以便当我将鼠标悬停在一个文本字段上时，工具提示为红色，而当我将鼠标悬停在另一个文本字段上时，它会变为黄色。