Wie in Tooltip Text-Formularfeld hinzuzufügen extjs6

Question

Ich habe Funktion zum Erstellen/Rendering-Eingabefelder, aber ich weiß nicht, wie Werkzeugspitze auf mich in EXTjs6

dies ist meine Funktion hinzuzufügen:

createInputField: function(value, fieldsMarginBottom, readonly) { 
     var fieldStyle = this.getFieldStyle(readonly); 
     var nameField = Ext.create('Ext.form.field.Text', { 
      name: 'name', 
      readOnly: true, 
      hideLabel: true, 
      value: value, 
      width: this.fieldWidth, 
      style: { 
       marginBottom: fieldsMarginBottom + 'px' 
      }, 
      //My try which is not working 
      tooltip: { 
       trackMouse: true, 
       width: 140, 
       renderer: function(tip, item){ 
        tip.setTitle('name'); 
        tip.update('Count: '); 
       } 
      }, 
      fieldStyle: fieldStyle 
     }); 
     return nameField; 
    } 

Ich hoffe du Typ kann mir helfen. Wenn Sie weitere Informationen benötigen, lassen Sie es mich bitte wissen und ich werde zur Verfügung stellen. Danke

Answer 1

Wie in the textfield docs zu sehen, haben Felder keine Möglichkeit, einen Tooltip zu ihrer Konfiguration hinzuzufügen, also müssten Sie den Tooltip manuell erstellen.

Wenn man sich the docs for Ext.tip.ToolTip schauen, wie das zu tun, können Sie ein kleines Beispiel, wo Sie müssen nur das Ziel ändern, wie pro :

var tip = Ext.create('Ext.tip.ToolTip', { 
    target: nameField.getEl(), 
    html: 'Press this button to clear the form' 
}); 

Answer 2

Above Antwort richtig ist. Hier ist ein Beispiel einer generischen Funktion, die Sie einmal schreiben und wo Sie im Projekt mithilfe von Attributen verwenden.

addToolTip : function (id, msg) { 
    new Ext.ToolTip({ 
      target : id, 
      dismissDelay : 0, 
      anchor : 'right', 
      html : msg 
     }); 
};