1

extjs 4.07 でユーザー インターフェイスのいくつかのボタンをレイアウトしようとして深刻な問題が発生しています。変更したいベース レイアウトがありますが、何かを変更するたびに、ボタンの 1 つが消えたり、パネル全体を占有したりします。 、または入力した構成に基づいて意味をなさない何か。私は助けが必要です。コードは次のとおりです。

{xtype:'panel',
  columnWidth:.06,
  layout:'vbox',
  items:[
    {xtype:'button', text:'=>', action'moveOver'},
    {xtype:'button', text:'<=', action'moveBack'},
    {xtype:'button', text:'reset', action'reset'}
  ]
}

以下は、私が持っているものと、パネルをどのように見せたいかです。

私が持っているもの：

[----------]
[[=>]      ]
[[<=]      ]
[[RS]      ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[----------]

私が欲しいもの、このようなもの：

[----------]
[          ]
[   [=>]   ]
[          ]
[   [<=]   ]
[          ]
[   [RS]   ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[----------]

どんな助けでも大歓迎です

4

1 に答える 1

5

SenchaドキュメントサイトのVBoxレイアウトの例をご覧になりましたか？アイテムの間にいくつかのマージンを置いて、アイテムを中央揃えにしたいようです。このような何かがあなたを始めるはずです：

layout: {
    type:  "vbox",
    align: "center"
},
defaults: {
    margin: "10 0 0 0"  // Same as CSS (top right bottom left)
},
items: [
    /* Button declarations here */
]
于 2012-09-12T12:47:30.240 に答える