0

私はビューポートを持っています:

new Ext.Viewport({
  layout:'fit',
  hideBorders:true,
  items:[panel1,panel2,panel3],
});

今、ビューポートの上にコンボボックスを表示したい:

var myCombo= new Ext.ComboBox({
  store:myStore,
  editable:false,
  renderTo:Ext.getBody(),
  triggerActions:'all',
  mode:'local',
  cls:'scales'
});

CSS:

.scales{
  position:absolute,
  botton:1em,
  right:1em,
  background-color:white
}

しかし、そのレンダリングは左側にあります。右のボタンでレンダリングする方法は?

アップデート

今、私はコンボを Panle に入れました:

myPanel= new Ext.Panle({
items[myCombo],
renderTo:Ext.getBody(),
cls:'scales',
border:false
});

今私のコンボは右下にあります。しかし、次のようになります。 ここに画像の説明を入力

アプリからビューポート コードを削除しても、同じ結果が得られます。コンボで何かできる？

4

2 に答える 2

1

試す

new Ext.panel.Panel({
      layout:'fit',
      items:[panel1,panel2,panel3],
});

または、コンボを次のようにビューポート アイテム内に配置します。

new Ext.panel.Panel({
  layout:'fit',
  items:[panel1,panel2,panel3, combo],
});
于 2013-06-12T09:54:27.933 に答える