Extjs4 отображает всплывающую подсказку для заголовков аккордеонных предметов - PullRequest
Новая
       24

Extjs4 отображает всплывающую подсказку для заголовков аккордеонных предметов

0 голосов
/ 08 февраля 2012

Есть ли способ добавить всплывающую подсказку для заголовков элементов аккордеона Extjs. Я использую панель дерева для элемента аккордеона.

Моя аккордеонная панель 

Ext.create('Ext.Panel', {
    region: 'west',
    split: true,
    width: '20%',
    collapsible: true,
    title: 'Accordian',
    iconCls: 'application-side-tree',
    layout: 'accordion',
    items: [
        Ext.create('Ext.tree.Panel', {
        id: 'tree-1',
        store: Store1,
        title: 'First item tree',
        rootVisible: false,
        layout: 'fit',
        draggable: false
    }),
        Ext.create('Ext.tree.Panel', {
        id: 'tree-2',
        store: Store2,
        title: 'Second item tree',
        rootVisible: false,
        layout: 'fit',
        draggable: false
    })
        ],
});

1 Ответ

2 голосов
/ 09 февраля 2012

Вы можете использовать QuickTips, например: 

var panel = Ext.create('Ext.panel.Panel', {
    renderTo: Ext.getBody(),
    width: '80%',
    title: 'Accordian',
    layout: 'accordion',
    items: [
        Ext.create('Ext.panel.Panel', {
            title: 'First item tree',
            tooltip: 'tip 1',
            html: 'blah blah'
        }),
        Ext.create('Ext.panel.Panel', {
            title: 'Second item tree',
            tooltip: 'tip 2',
            html: 'blah blah'
        })
    ],
    height: 200
});

panel.items.each(function(p) {
    Ext.create('Ext.tip.ToolTip', {
        target: p.header.id,
        html: p.tooltip
    });
});

Ext.QuickTips.init();

Рабочий образец: http://jsfiddle.net/r4tt5/

...