Les éléments de la boîte à outils ne sont pas affichés.

Question

J'ai écrit une liste déroulante contenant des éléments dans le framework ExtJs. Je ne pouvais pas obtenir les info-bulles lorsque l'utilisateur survolait les éléments.

est Ci-dessous le code:

$formPanel .= " new Ext.form.ComboBox({ 
       tpl:'<tpl for =\".\"><div ext:qtip=\"{abbr}\" class=\"x-combo-list-item\">{state}</div></tpl>', 
id:'type_blackout_weekly', 
    store: sstore, 
    displayField:'state', 
    typeAhead: true, 
    mode: 'local', 
    triggerAction: 'all', 
    emptyText:'Select a state...', 
    selectOnFocus:true, 
    forceSelection: true, 
    width:135 
}),"; 

var statedata = [ 
    ['AL', 'Alabama'], 
    ['AK', 'Alaska'], 
    ['AZ', 'Arizona'], 
    ['WV', 'West Virginia'], 
    ['WI', 'Wisconsin'], 
    ['WY', 'Wyoming'] 
]; 

var sstore = new Ext.data.SimpleStore({ 
    fields: ['abbr', 'state'], 
    data : statedata 
}); 

Toute orientation est très appréciée.

Answer 1

Veuillez prendre ma réponse avec un grain de sel, car je n'ai jamais utilisé ExtJS. Mon expérience avec les boîtes combinées est que les navigateurs que j'ai testés (IE6/7, Firefox 3.0) n'ont pas déclenché un événement onMouseOver en survolant les options de la boîte, ni n'affichaient les valeurs des attributs de titre. Ceci s'applique, bien sûr, uniquement aux combos HTML vanilla (sélectionnez les éléments avec multiple = "true"). Si ExtJS a une liste déroulante personnalisée, veuillez ne pas tenir compte de ma réponse. :)

Answer 2

Je suppose que vous utilisez this example (le second sur cette page) comme point de départ? tpl doit se référer à un modèle valide comme celui montré dans l'exemple (bien sûr, il semble que vous utilisiez "abbr" au lieu de "nick" comme dans l'exemple - assurez-vous que tous les champs de données correspondent). Votre modèle tel que défini ne définit aucun balisage d'info-bulle. Par exemple:

'<tpl for="."><div ext:qtip="{state}. {nick}" class="x-combo-list-item">{state}</div></tpl>' 

Si elle ne fonctionne toujours pas, assurez-vous initialisé les conseils rapide singleton quelque part avant votre code:

Ext.QuickTips.init(); 

Answer 3

Tout supprimer l'espace entre et signe égal, devrait être:

<tpl for=".">