ExtJS的 - 面板工具

Question

我有兩個問題：

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>', 

Answer 1

我看你這是正常工作是錯誤的。看看下面的例子。

Panel Help Icon

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});