1. #1
    Ext User
    Join Date
    Oct 2007
    Posts
    2
    Vote Rating
    0
    iedex is on a distinguished road

      0  

    Default can ext attach tooltips to ComboBox items?

    can ext attach tooltips to ComboBox items?


    Hi,

    I'm considering using ext in one of our projects but I need to:
    - be able to attach tooltips to the items in a combo box,
    - have hierarchical combo boxes that work similar to the menus.
    Are these things possible?

    Thanks in advance for your help.
    Last edited by Animal; 15 Oct 2007 at 12:15 AM. Reason: Use explicit questions

  2. #2
    Sencha User catacaustic's Avatar
    Join Date
    Jul 2007
    Location
    "A Land Down Under"
    Posts
    618
    Vote Rating
    1
    catacaustic is on a distinguished road

      0  

    Default


    I know that hierarchal ComboBox's are possible, you just need to hook into the "select" event of the ComboBox to load the next one.

    I haven't seen tooltips on ComboBox entries before. I know that the quick tips that Ext uses can be attached to most things, but I don't think the ComboBox list is one of them. But, Id be more then happy to be proven wrong!
    'Once again, fortune vomits on my eiderdown'
    - Edmund Blackadder

  3. #3
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,502
    Vote Rating
    47
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Try creating your own Template and passing it in the tpl config for the Combo.

    Specify an ext:qtip in the Template.

  4. #4
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,502
    Vote Rating
    47
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    I've just added some explicit docs for the ComboBox's tpl config option.

  5. #5
    Sencha User
    Join Date
    May 2008
    Posts
    180
    Vote Rating
    0
    archmisha is on a distinguished road

      0  

    Default


    Hi Animal,
    I am trying to do what you have told.

    Code:
    new Ext.form.ComboBox({                
                    store: new Ext.data.SimpleStore({
                        fields: [
                            {name: 'type_name'},
                            {name: 'type_qtip'}
                        ],
                        data: [
                            ['field1', 'qtip1'],
                            ['field2', 'qtip2'],
                            ['field3', 'qtip3']                        
                        ]
                    }),
                    displayField: 'type_name',
                    hiddenName: 'type_name',               
                    tpl: new Ext.XTemplate('<div class="x-combo-list-item" ext:qtip="{type_qtip}">{type_name}</div>'),
    ....
    But {type_name} and {type_qtip} in the template return empty values. They dont exist for the template.

    What am i doing wrong here?

    Thanks

  6. #6
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,502
    Vote Rating
    47
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Read the code?

    <tpl for=".">

    The XTemplate has to iterate over anArray of data items. Each one contains the named fields.

  7. #7
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,502
    Vote Rating
    47
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    examples/form/combos does exactly what you want.

  8. #8
    Sencha User
    Join Date
    May 2008
    Posts
    180
    Vote Rating
    0
    archmisha is on a distinguished road

      0  

    Default


    Thank you Animal, I appreciate your help.