2

タイトルバーのあるパネルがあり、バーの左側と右側に2つのボタンがあります。ここで、バーの中央にパネル(またはその他)を追加する方法を知りたいと思います。

このパネルには、写真と文字列が入っている必要があります。

これは今のところ私がしていることですが、パネルは左ボタンの右側に表示されており、タイトルバーの中央に配置する方法がわかりません。

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

[更新]:中央揃え:true

中央揃えを追加しようとしました:パネル構成に当てはまりますが、機能しませんでした。実際には悪化しました

これから

ここに画像の説明を入力してください

これに

ここに画像の説明を入力してください

ありがとう

4

4 に答える 4

2

「スペーサー」を追加する必要はありません

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

お役に立てれば。

于 2013-05-26T08:31:25.353 に答える
1

説明どおりにアイテムを整列させるには、次のプロトタイプを使用するだけです。

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

お役に立てれば。

于 2012-05-22T12:17:48.330 に答える
1

同じことを達成しようとしている場合は、を使用せずExt.TitlebarExt.Toolbar代わりに使用してください。

{xtype:'spacer'}タイトルバーでは機能しないなど...

于 2012-05-22T13:09:28.567 に答える
0

コンポーネントの挿入メソッドを試しましたか?

あなたはこのようなものを持つことができます

yourComponent.insert(index,componentTobeAdded);

追加した後、ツールバーのコンポーネントレイアウトを呼び出して、追加されたパネルを表示します。

于 2012-05-22T12:36:55.027 に答える