EXTJS Ayuda de TextField en el lado

Question

Quiero agregar como? al lado de un campo de texto, como si el mouse se pasa, muestra alguna ayuda ¿Cómo puedo hacerlo, por favor? Thnx

Answer 1

Muchas maneras de hacer esto, y muchos diferentes niveles de complejidad, pero por lo que es más simple que podría hacer algo como esto ...

Añadir una función interceptor a los campos método init que se suma el signo de interrogación y utiliza qtip para mostrar un mensaje; esto permite que todos los tipos de campos que hereden de la clase Campo tengan esta funcionalidad.

Por ejemplo:

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> '; 
    } 
}); 

Luego, en cada definición de campo que tendría un HelpText propiedad:

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

Esto produce:

Estoy seguro de que puede expandir o n por lo que he proporcionado, y si necesita más información sobre los interceptores, revise mi blog post en ellos.

¡Disfrútalo!