1

フォームパネルがあり、コンテナのように機能します。次に、別のフォームパネルがあり、テキストフィールドとボタンを追加しています。このフォームパネルを画面の中央に配置する必要があります。そして、テキストボックスの下部にあるボタン（フォームのどこにでも配置できるはずです。Absoluteレイアウトのように）。

私のコードは次のとおりです。そしてそれは私が望むようには機能しません。誰かがこれを調べることができますか

Ext.define('MyApp.view.MyView', {
    extend: 'Ext.form.Panel',
    alias: 'widget.myview',
    frame: true,
    height: 800,
    hidden: false,
    hideMode: 'visibility',
    id: 'myviewid',
    autoScroll: false,
    bodyPadding: 5,

    initComponent: function () {
        var me = this;

        Ext.applyIf(me, {
            items: [{
                xtype: 'form',
                height: 330,
                width: 400,
                layout: {
                    type: 'absolute'
                },
                bodyPadding: 10,
                title: 'Care Fusion User Login',
                anchor: '250 250',
                items: [{
                    xtype: 'textfield',
                    id: 'name',
                    width: 233,
                    name: 'name',
                    fieldLabel: 'Nmae',
                    growMax: 200,
                    x: 10,
                    y: 30
                } {
                    xtype: 'button',
                    height: 30,
                    width: 256,
                    text: 'Click',
                    x: 240,
                    y: 110
                }]
            }]
        });

        me.callParent(arguments);
    }

});
4

1 に答える 1

3

外部コンテナで次のレイアウトを使用してみてください。

layout: {
  align: 'middle',
  pack: 'center',
  type: 'hbox'
},

次に、内側のフォームがこの外側のフォームの中央に配置されます。

于 2012-07-26T18:32:45.740 に答える