1

コンポーネントを作成したコードがあります。[適用]をクリックすると、このフォームフィールドオブジェクトを保存して、ゲッターで使用できるようにします。親コンテナがそれを読み取れるようにします。

また、すべてのフィールドゲッター/セッターが必要なので、値の実行時間を更新できます。これを達成する方法は？

Ext.define('MyApp.view.MyForm', {
    extend: 'Ext.form.Panel',

    height: 463,
    width: 227,
    bodyPadding: 10,
    title: 'My Form',

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'textfield',
                    fieldLabel: 'Component Name',
                    anchor: '100%'
                },
                {
                    xtype: 'textfield',
                    fieldLabel: 'Host',
                    anchor: '100%'
                },
                {
                    xtype: 'textfield',
                    fieldLabel: 'Port',
                    anchor: '100%'
                },
                {
                    xtype: 'textfield',
                    fieldLabel: 'Path',
                    anchor: '100%'
                },
                {
                    xtype: 'textareafield',
                    fieldLabel: 'Request Data',
                    anchor: '100%'
                },
                {
                    xtype: 'button',
                    text: 'Apply',
                    listeners: {
                        click: {
                            fn: me.onButtonClick,
                            scope: me
                        }
                    }
                }
            ]
        });

        me.callParent(arguments);
    },
        onButtonClick: function(button, e, options) {
                   var form = this.getForm(),
            values = form.getFieldValues(),
                    //make this available to public
            json = Ext.JSON.encode(values);
            console.log(json);


    }

});
4

2 に答える 2

3

この必要性を実現するために、config：{}内のすべての変数を定義する必要があります。extjsは自動的にgetter/setterを作成します。

次に、this.getVar（）、this.setVar（）を使用して参照できます。

これが初心者の役に立つことを願っています。

于 2012-07-26T03:26:05.120 に答える
3

詳細については、 http：//docs.sencha.com/ext-js/4-0/#！/ guide/class_systemの構成セクションを参照してください。

于 2012-10-11T19:30:21.333 に答える