Javascript Girl
  1. Javascript Girl
  3. ExtJs 3.4: Set tool tip for combo box
Intereting Posts
Pourquoi la valeur de ma contribution est-elle effacée lorsque j'ajoute un enfant? Pourquoi YYYY-MM-DD! = AAAA / MM / JJ Que fait une tilde lorsqu'elle précède une expression? Lier le fichier jQuery avec Spring MVC Deux événements de clic imbriqués avec angularjs Comment gérer le passage / retour des pointeurs de tableau vers le code compilé emscripten? Emuler setTimeout avec setInterval ne fonctionnant pas pour l'imbrication La fonction Date () en javascript donne NAN-NAN-NAN dans firefox et chrome tout en travaillant correctement avec IE Comment utiliser le système de module node.js sur le client Directive AngularJS pour remplacer le texte avec ng-click JavaScript pour retarder l'exécution des fonctions après la chargement de la page Skip License / Credit Comments lorsque minify JavaScript using YUIcompressor Comment supprimer un élément de Selectize $ Intervalle non en cours d'exécution, angularjs Vérifiez une gamme de nombres dans une condition si

ExtJs 3.4: Set tool tip for combo box

J'ai une ExtJs liste déroulante ExtJs comme suit. J'utilise ExtJS 3.4. Je dois configurer le texte horizontal pour cette zone de liste déroulante. C'est-à-dire lorsque l'utilisateur passe au-dessus de cette zone de liste déroulante, le texte du message devrait apparaître. 

 new Ext.form.ComboBox({ store : driverStore, displayField : 'dName', valueField : 'dName', fieldLabel : 'Driver Name', id : 'drivercombo', allowBlank : false, typeAhead : true, forceSelection : true, mode : 'local', triggerAction : 'all', selectOnFocus : true, editable : false, hidden : false, disabled : true, minChars : 1, hideLabel : true, style : 'marginleft:10px', //width : 147, emptyText : 'Driver Name', flex : 1 });

Je sais qu'il existe un moyen de définir ces messages d'astuces d'outils pour les éléments de liste déroulante du menu déroulant. Mais je ne le veux pas. Je veux un conseil d'outil pour ma zone de liste déroulante.

Comment dois-je faire cela?

Vous pouvez créer Ext.ToolTip dans l'écouteur pour l'événement de représentation de combobox et, comme cible d' tooltip vous pouvez définir l'élément combobox. 

 var combo = new Ext.form.ComboBox({ mode: 'local', renderTo: Ext.getBody(), store: new Ext.data.ArrayStore({ id: 0, fields: [ 'myId', 'displayText' ], data: [[1, 'item1'], [2, 'item2']] }), listeners: { render: function(c) { new Ext.ToolTip({ target: c.getEl(), html: 'Tooltip content' }); } }, valueField: 'myId', displayField: 'displayText' });

Fiddle avec l'exemple: https://fiddle.sencha.com/#fiddle/2q6

Mettez cela dans l'écouteur de la zone de liste déroulante, cela a fonctionné à mes côtés. 

 Ext.onReady(function() { Ext.QuickTips.init(); var combo = new Ext.form.ComboBox({ mode: 'local', renderTo: Ext.getBody(), store: new Ext.data.ArrayStore({ id: 0, fields: ['id', 'displaytext'], data: [ [1, 'Vinayak'] ] }), listeners: { render: function(c) { Ext.QuickTips.register({ target: this.getEl(), text: 'Tooltip Data' }); } }, valueField: 'id', displayField: 'displaytext' }); });

Il faut écrire

Ext.QuickTips.init() ; Sur Ext.Ready