EXTJS TextField帮助在一边

Question

我想添加一个？在TextField旁边，就好像鼠标一样，它显示了一些帮助 我该怎么办呢。 日Thnx

Answer 1

许多方法可以做到这一点，以及许多不同程度的复杂性，但最简单的方法是我可以做这样的事情......

向 Fields init方法添加拦截器功能，该方法添加问号并使用qtip显示消息 - 这允许从 Field 继承的所有类型的字段具有此功能的类。

例如：

Ext.intercept(Ext.form.Field.prototype, 'initComponent', function() {
  var fl = this.fieldLabel, h = this.helpText;
  if (h && h !== '' && fl) {
    this.fieldLabel = fl+'<span style="color:green;" ext:qtip="'+h+'">?</span> ';
  }
});

然后在每个字段定义中，您将拥有 helpText 属性：

{
   fieldLabel: 'First Name',
   helpText: 'This is your first name dummy!',
   name: 'first',
   allowBlank:false
}

这会产生：

我相信您可以根据我提供的内容对其进行扩展，如果您需要有关拦截器的更多信息，请查看我的blog post。

享受！