在標題欄的中間動態添加面板

我有一個標題欄的面板，它已經有兩個按鈕，一個在左側，另一個在右側。現在我想知道如何添加面板（或其他）到酒吧的中心。在標題欄的中間動態添加面板

這個面板裏面需要有圖片和se字符串。

這是我現在做的，但面板顯示在左邊的按鈕的右側，我不知道如何把它放在標題欄的中間。

this.getTitlebar().add([{ 
    xtype: 'panel', 
    layout:'hbox', 
    items:[{ 
     xtype:'img', 
     width:32, 
     height:32, 
     src:data.image.small.url 
    },{ 
     html: data.key, 
     style:'color:#FFF' 
    }] 
}]);

[更新]：中心：真正

我嘗試添加中心：忠於我的屏配置，但它沒有工作，它實際上變得更糟

從這個

enter image description here

這個

enter image description here

感謝

來源

2012-05-22 Titouan de Bailleul

如果您嘗試實現同樣的目的，請不要使用Ext.Titlebar，而應使用Ext.Toolbar。

之類的東西{xtype:'spacer'}不要在標題欄的工作...

來源

2012-05-22 13:09:28

是的，如果你沒有在標題欄中指定標題，你應該只使用一個工具欄。 – fuzzyLikeSheep

結合你的項目，如描述的那樣，簡單地使用這個原型：

items: [ 
    {your_first_button}, 
    {xtype: 'spacer'}, 
    {your_central_panel}, 
    {xtpye: 'spacer'}, 
    {your_second_button}, 
]

希望這有助於。

來源

2012-05-22 12:17:48

當我想添加面板時，我已經有了兩個按鈕。我如何在中心動態添加它？ –

嘗試在您的面板中添加'centered：true' config，它工作嗎？ –

不，請參閱我的更新。 –

您是否嘗試過插入組件的方法？

你可以有這樣的事情

yourComponent.insert(index,componentTobeAdded);

並將其添加後，調用工具欄的元件佈局，顯示面板添加。

來源

2012-05-22 12:36:55

是的，我嘗試了從0到4的索引，但它沒有改變任何東西。順便說一句：你在你的文章中寫了add（）。我使用ST2，所以沒有doComponentLayout（）了，我想如果它是你的意思 –

所以你的意思是你可以添加面板在兩個左右按鈕之間，但它不居中？ –

準確地說，看到我的更新與圖片 –

不要並不需要添加「間隔」

items: [ 
    // your_first_button(default:left) 
    {}, 
    // your_central_panel 
    {centered: true}, 
    // your_second_button 
    {right: 0} 
]

希望這有助於。

來源

2013-05-26 08:31:25

在標題欄的中間動態添加面板

回答

相關問題