Combo box items tool tip not displayed

Question

I have written a combo box populated with items in ExtJs framework. I could not able to get the tooltips when the user hovers over the items. Below is the code: ``` $formPanel .= " new Ext.form.ComboBox({ tpl:'

{state}

', 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 }); ``` Any guidance is highly appreciated.

Accepted Answer

I assume that you are using this example (the second one on that page) as your starting point? `tpl` should refer to a valid template like that shown in the sample (of course it looks like you are using "abbr" instead of "nick" as in the sample -- make sure all data fields match). Your template as defined does not define any tooltip markup. E.g.: ``` '

{state}

' ``` If it's still not working, make sure you initialized the quick tips singleton somewhere before your code: ``` Ext.QuickTips.init(); ```

Combo box items tool tip not displayed

Solution

Problem