如何在ExtJS 6.0上獲得輸入值

Question

我想知道如何從ExtJS中的表單獲取輸入值。 我嘗試了幾種“查看注釋”的方法，但是它們都沒有給我一個價值，我得到的主要是錯誤-“未定義”。

另一個不清楚的地方是表單名稱定義在哪里？

這是我的代碼：

Ext.onReady(function() {

Ext.create('Ext.form.Panel', {
    renderTo: document.body,
    title: 'Convert Roman characters to Arabic',
    height: 150,
    width: 300,
    bodyPadding: 10,
    defaultType: 'textfield',
    items: [
        {
            fieldLabel: 'Enter Roman Character',
            name: 'char'
        }
    ],
    buttons: [
        {
            text: 'Submit',
            handler: function() {
            //var form = formPanel.getForm();
            //var value = form.findField('char');
            //var form = this.up('form'); // get the form panel
            //var value = Ext.getCmp('char').getValue();
            //  var field = Ext.getCmp('char');
                Ext.Msg.alert('Success', "value");

            }
        }
    ]
});
});

最后，應用程序應警告輸入的值。

提前致謝。

Answer 1

        text: 'Submit',
        handler: function(btn) {
            Ext.Msg.alert('Success',btn.up('form').down('[name=char]').getValue());

Answer 2

        //var form = formPanel.getForm();
        //var value = form.findField('char');
        //var form = this.up('form'); // get the form panel
        //var value = Ext.getCmp('char').getValue();
        //  var field = Ext.getCmp('char');
There are multi ways to get value of char field. 

1) To get value like this as you used, you have to give id property for this field :
    {
        fieldLabel: 'Enter Roman Character',
        name: 'char',
        id : 'char' // or give any name
    }
 now used below code to get value  
 var field = Ext.getCmp('char');
 var value = field.getValue();

2) You can also use itemId property same :
    {
        fieldLabel: 'Enter Roman Character',
        name: 'char',
        itemId : 'char' // or give any name
    }
 now used below code to get value  
 var field = Ext.ComponentQuery.query('#char')[0];
 var value = field.getValue();

3) another way, you can get value from form values;
  var form = this.up('form'),
  formValues = form.getForm().getValues();
  charValue = formValues.char;