Extjs - Панель инструментов

Question

Extjs - Панель инструментов

0

У меня есть два вопроса:

1- Я хотел добавить значок справки в заголовок панели, рядом с красным значком (по умолчанию), используя:

 tools:[
{
    type:'help',
    tooltip: 'Get Help',
    handler: function(event, toolEl, panel){
        // show help here
    }
}],

но это выглядит так:

Как я могу сделать ставку на одном баре?

2- На другой панели я хочу добавить значок справки рядом с заголовком заголовка, но он всегда располагается справа от заголовка. Я нашел способ разместить его слева: http://ext4all.com/post/how-to-change-collapse-tool-position.html, но не смог понять, как разместить его посередине, рядом с название:

 title: '<div style="text-align:center;"/>the title</div>',

Shadin 04 март 2014, в 20:58

Источник

0

Вы можете создать senchafiddle или jsfiddle с некоторым вашим кодом? это может помочь
Arun V 04 март 2014, в 20:30

Теги:

javascript

html

css

extjs

extjs4

1 ответ

Ещё вопросы

Вы можете создать senchafiddle или jsfiddle с некоторым вашим кодом? это может помочь

Oğuz Çelikdemir · Answer 1 · 2014-03-05T06-36-00.000Z

Я думаю, что у вас была ошибка, которая работает правильно. Посмотрите на следующий образец.

Иконка панели инструментов

var Promotions = Ext.create('Ext.panel.Panel', {
        id: 'promo-panel',
        bodyPadding: 5,
        width: 800,
        height: 700,
        title: 'Real PROMO - Real Promosyon Tanımlama Sistemi',
        anchor: '100%',
        renderTo: Ext.getBody(),
        collapsible: true,
        layout: {
            type: 'hbox',
            align: 'middle'
        },
        tools: [
            {
                type: 'help',
                tooltip: 'Hellow world!',
                    id: 'help_button'
            }
        ],
        style: {
            'box-shadow': '0 0 12px rgba(0, 0, 0, 0.52)',
            '-webkit-box-shadow': '0 0 12px rgba(0, 0, 0, 0.52)'
        },
        frame: true
});

Что касается второго запроса, я понятия не имею, но вы можете рассчитать ширину заголовка, как показано ниже, и установить левое значение значка.

// this will give you panel title width
document.getElementById('promo-panel_header_hd-textEl').offsetWidth

// try this, maybe you can do this way
var hlp = Ext.getCmp('help_button');
hlp.getEl().setStyle({left: document.getElementById('promo-panel_header_hd-textEl').offsetWidth + 10});