Search code examples
javascriptextjstooltiptreelistextjs6

How to set tooltip for treelist in ExtJS?

I'm developing an ExtJs application. I want to use a treelist as follow:

{
    xtype: 'treelist',
    bind: '{navimgation}',
    ...
}

My navimgation in my model is as follow:

navimgation: {
    type: 'tree',
    root: {
        children: [{
            text: 'Node1',
            leaf: true,
            qtip: 'My qtip 1'
        },{
            text: 'Node2',
            leaf: true,
            qtip: 'My qtip 2'
        }
        ...
        ]
    }
}

I want to show a tooltip when mouse is over node, but it is not working.

Solution

  • Looks like there is an issue with Ext.list.Tree qtip and qtitle configs.

    Passing html in text config will work for now.

    e.g. <span title="Homework qtip">Homework</span>

    Here is an example, i have tried with treelist configs.

    https://fiddle.sencha.com/#view/editor&fiddle/2b03