如何在单击按钮时访问文本字段的值并存储在变量中

Question

这是代码的一部分。我有一个Window和一个Form。有一个text field和一个button。我需要获取textfield的值，并在用户点击var时将其保存到button。

代码：

Ext.define('MyApp.view.MyV', {
    extend: 'Ext.window.Window',
    alias: 'widget.myV',

    id: 'myvid',

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'form',
                    x: 15,
                    y: 40,
                    frame: true,
                    height: 420,
                    id: 'f11',
                    layout: {
                        type: 'absolute'
                    },
 
                        },
                                                 {
                            xtype: 'textareafield',
                            x: 150,
                            y: 185,
                            id: 'name',
                            width: 320,
                            fieldLabel: 'Name'
                        },
                        {
                            xtype: 'button',
                            x: 100,
                            y: 150,
                           
                            text: 'Send',
                            listeners: {
                                click: {
                                    fn: me.onClickButton,
                                    scope: me
                                }
                            }
                        },
                                            ]
                }
            ],
…..
     
        });

操作，用户点击按钮时;以下是我的代码

onClickButton: function(button, e, options) {

        var nameOfPerson    = this.up('form').down('#myvid > #f11 > #name');

有人可以帮助我获取用户在textfield中输入的值并将其保存到变量nameOfPerson。 ？

Answer 1

Ext.define('Foo', {
    extend : 'Ext.window.Window',
    alias : 'widget.myV',

    id : 'myvid',

    initComponent : function() {
        var me = this;

        Ext.applyIf(me, {
            items : [{
                xtype : 'textareafield',
                width : 320,
                fieldLabel : 'Name',
                itemId: 'name'
            }, {
                xtype : 'button',
                text : 'Send',
                listeners : {
                    scope : me,
                    click : me.onClickButton
                }
            }]
        });
        this.callParent();
    },

    onClickButton: function(){
        var name = this.down('#name').getValue();
        console.log(name);
    }
}); 

Ext.onReady(function(){
    new Foo({
        autoShow: true
    });
});