3

子要素を持つカスタム コンポーネントを作成するのが良い方法かどうかを確認しようとしています。ほとんどのフォームでは、いくつかのフィールドを同じサイズで水平方向に配置します。

私の最初は、カスタムを作成し、FieldContainer現在存在するアイテムをすでに宣言していましたが、この拡張クラスに彼の名前とIDを設定したくありません。私はそれを担当する最終的なクラスを作りたいと思っています。

では、カスタム コンポーネントを使用するクラスで config の o 子アイテムを定義することは可能ですか?

例

Ext.define('MyApp.view.LookupContainer', {
    extend: 'Ext.form.FieldContainer',

    layout: {
        type: 'column'
    },
    labelAlign: 'right',

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'numberfield',
                    columnWidth: 0.15,
                    width: 70,
                    labelWidth: 0,
                    maxValue: 99999,
                    minValue: 0
                },
                {
                    xtype: 'textfield',
                    columnWidth: 0.75,
                    margin: '0 0 0 5',
                    readOnly: true
                },
                {
                    xtype: 'button',
                    cls: 'x-formButton',
                    margin: '0 0 0 5',
                    overCls: 'x-formButtonOver',
                    iconCls: 'icon-lov'
                },
                {
                    xtype: 'button',
                    margin: '0 0 0 5',
                    iconCls: 'icon-program'
                }
            ]
        });

        me.callParent(arguments);
    }

});

Ext.onReady(function() {
  var container = Ext.create('MyApp.view.LookupContainer');
  //how to set the items properties here?
});
4

1 に答える 1