Tooltip on Tree parentNode

[eaglefox12]

the reqular data-qtip does work on my treepanel... but it shows up on all leafs too. How to check if the mouseover is on the parentNode... I am doing this on the listener of treePanel... is there a method that has isParentNode = true... that way I can just hide or show the tooltip accordingly

[slemmon]

What about isLeaf()?
http://docs.sencha.com/ext-js/4-1/#!...-method-isLeaf

[eaglefox12]

I was thinking the same, but how do we get the value in itemmouseover

itemmouseenter: function (e, t) {
                    var v = Ext.getCmp('myTree').isleaf();
                    console.log(v);
                }

I am doing this and it's giving me an error

[slemmon]

Add a listener to your tree like this:

listeners: {
    itemmouseenter: function (view, rec) {
        console.log(rec.isLeaf());
    }
}

The second param passed is the record (nodeInterface).

example:

var store = Ext.create('Ext.data.TreeStore', {
    root: {
        expanded: true,
        children: [
            { text: "detention", leaf: true },
            { text: "homework", expanded: true, children: [
                { text: "book report", leaf: true },
                { text: "alegrbra", leaf: true}
            ] },
            { text: "buy lottery tickets", leaf: true }
        ]
    }
});


Ext.create('Ext.tree.Panel', {
    title: 'Simple Tree',
    width: 200,
    height: 150,
    store: store,
    rootVisible: false,
    renderTo: Ext.getBody()
    , listeners: {
        itemmouseenter: function (view, rec) {
            console.log(rec.isLeaf());
        }
    }
});

[eaglefox12]

... thank you slemmon... you are aweome

Add a listener to your tree like this:

listeners: {
    itemmouseenter: function (view, rec) {
        console.log(rec.isLeaf());
    }
}

The second param passed is the record (nodeInterface).

example:

var store = Ext.create('Ext.data.TreeStore', {
    root: {
        expanded: true,
        children: [
            { text: "detention", leaf: true },
            { text: "homework", expanded: true, children: [
                { text: "book report", leaf: true },
                { text: "alegrbra", leaf: true}
            ] },
            { text: "buy lottery tickets", leaf: true }
        ]
    }
});


Ext.create('Ext.tree.Panel', {
    title: 'Simple Tree',
    width: 200,
    height: 150,
    store: store,
    rootVisible: false,
    renderTo: Ext.getBody()
    , listeners: {
        itemmouseenter: function (view, rec) {
            console.log(rec.isLeaf());
        }
    }
});