У меня есть два вопроса:
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>',
Я думаю, что у вас была ошибка, которая работает правильно. Посмотрите на следующий образец.
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});