Extjs 6: Wie man eine Tooltip auf einem Element auf einem Knopfdruck gewaltsam zeigt?

Ich habe ein Szenario, z. B. combobox und eine Schaltfläche. Ich möchte einen Tooltip auf der Combox anzeigen, wenn ich auf eine Schaltfläche klicke und sie ausblenden, wenn ich erneut klicke. Wie mache ich das ohne IDs in der Tooltip-Instanz? Kann ich auch die Position von Tooltip, d. H. X und y relativ zu Combobox und Stil Tooltip ein wenig angeben? Vielen DankExtjs 6: Wie man eine Tooltip auf einem Element auf einem Knopfdruck gewaltsam zeigt?

Quelle

2017-01-30 AngryLeo

Wenn Sie auf Schaltfläche wie unten neue Tooltip-Instanz erstellen:

Ext.create('Ext.tip.ToolTip', { 
    html:<tip contents>, 
    id:<some id> 
});

Und showBy() diese Instanz für diese Combo wie tip.showBy(<combo instance>). Nun noch einmal klicken Sie auf die Schaltfläche, die Sie überprüfen, ob Tipp-Instanz vorhanden ist, wenn ja, dann verstecken Sie es sonst wieder anzeigen. Sie benötigen jedoch eine ID für den Tooltip.

Quelle

2017-01-30 08:04:57 Tejas

Kann ich es ohne ID tun? Ich möchte nicht Ids für Komponenten erstellen. – AngryLeo

Ja können Sie, können Sie Abfrage-Selektor verwenden, indem Sie einige CSS-Namen. Wie für Ex. Wenn Sie cls: 'myTip' verwenden, können Sie die Instanz von tip unter der folgenden Zeile abrufen: Ext.query ('div.myTip') Es gibt Ihnen die Instanz zurück. Daraus können Sie die Tooltip-Komponente abrufen. Hinweis Ext.query() gibt array zurück. Falls Probleme auftreten. – Tejas

Danke..Aber muss ich die ID der Combo angeben (beim Erstellen der ID) oder ich kann nur die ID der Combobox von Queryselector erhalten und diese ID verwenden, um Tooltip zu rendern? Frage nur, weil kein großer Fan von IDs. – AngryLeo

Extjs 6: Wie man eine Tooltip auf einem Element auf einem Knopfdruck gewaltsam zeigt?

Antwort

Verwandte Themen