2

私は次のフォームを持っています。ユーザーが textfiled に入力した値を出力する必要がありますunameか? これどうやってするの ？

Ext.create('Ext.form.Panel', {
    title: 'Basic Form',
    renderTo: Ext.getBody(),
    bodyPadding: 5,
    width: 350,

    // Any configuration items here will be automatically passed along to
    // the Ext.form.Basic instance when it gets created.

    // The form will submit an AJAX request to this URL when submitted
    url: 'save-form.php',

    items: [{
        fieldLabel: 'NAME',
        name: 'uname'
    }],

    buttons: [{
        text: 'Submit',
        handler: function() {
            // The getForm() method returns the Ext.form.Basic instance:
            var form = this.up('form').getForm();
            if (form.isValid()) {

                // CONSOLE.LOG (FORM VALUES) ///////////////////////////////////////

            }
        }
    }]
});
4

1 に答える 1

2

getValuesメソッドを使用して、フォーム内のすべてのフィールド値を含むオブジェクトを取得します。

var form = this.up('form').getForm();
if (form.isValid()) {
    var values = form.getValues();

    // log all values.
    console.log(values);

    // log uname value.
    console.log(values['uname']);
}

または、findFieldメソッドを使用して、フォーム内の特定のフィールドにアクセスします。

var form = this.up('form').getForm();
if (form.isValid()) {

    // log uname value.
    var field = form.findField('uname');
    console.log(field.getValue());
}

例: http://jsfiddle.net/5hndW/

于 2012-07-12T20:52:57.940 に答える