1. #1
    Sencha User
    Join Date
    Dec 2011
    Posts
    10
    Vote Rating
    0
    Answers
    1
    bulletsoul is on a distinguished road

      0  

    Default Answered: TreePanel node tooltip?

    I have this class for a menu/navigation function that extends Ext.tree.Panel. The items on the menu are the tree nodes and I am having a hard time to have each menu item's tooltip to appear.

    I have set up an itemmouseenter listener but I'm not really sure if I'm doing it right. Here's the snippet:
    Code:
    itemmouseenter: function(view, rec, item, index, e, eOpts){
            view.tip = Ext.create('Ext.tip.Tooltip', {
                target: view.el,
                delegate: view.itemSelector,
                trackMouse: true,
                renderTo: Ext.getBody(),
                listeners: {
                    beforeshow: function updateTipBody(tip) {
                        tip.update('Over"' + view.getRecord(tip.triggerElement).get('name') + '"');
                    }
                }
            });
        },

  2. Have you tried setting the qtip property on the node?

  3. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    38,402
    Vote Rating
    1103
    Answers
    3681
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      2  

    Default

    Have you tried setting the qtip property on the node?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Sencha User
    Join Date
    Dec 2011
    Posts
    10
    Vote Rating
    0
    Answers
    1
    bulletsoul is on a distinguished road

      0  

    Default

    Thanks Mitchell! qtip worked like a charm!

  5. #4
    Sencha User
    Join Date
    Mar 2012
    Posts
    1
    Vote Rating
    0
    ag_ruchi is on a distinguished road

      0  

    Default qtip property for each node of the treepanel

    Please help with an example of how to set the qtip property of each node in the treepanel. I need to set the tooltip on mouseover of each node. Thanks in advance.

Thread Participants: 2

Tags for this Thread