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
}

这会产生:

我相信你可以从我提供的内容中扩展它,如果你需要更多关于拦截器的信息,请查看我的博客文章.

请享用!