extjs4.2 Form表单 提交

在 ExtJS 4.2 中，可以使用 Ext.form.Panel 类来创建表单，然后使用表单的 submit 方法来提交表单。以下是一个简单的示例：

Ext.create('Ext.form.Panel', {
    title: 'My Form',
    width: 300,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    url: 'submit.php', // 表单提交的 URL
    items: [{
        xtype: 'textfield',
        name: 'username',
        fieldLabel: 'Username'
    }, {
        xtype: 'textfield',
        name: 'password',
        inputType: 'password',
        fieldLabel: 'Password'
    }],
    buttons: [{
        text: 'Submit',
        handler: function() {
            var form = this.up('form').getForm();
            if (form.isValid()) {
                form.submit({
                    success: function(form, action) {
                       Ext.Msg.alert('Success', action.result.msg);
                    },
                    failure: function(form, action) {
                        Ext.Msg.alert('Failed', action.result.msg);
                    }
                });
            }
        }
    }]
});

在这个示例中，我们创建了一个 Ext.form.Panel 对象，并设置了一些属性，例如标题、宽度、padding、提交的 URL 等等。我们还添加了两个文本框作为表单的输入项，并为它们指定了 name 属性。最后，我们添加了一个提交按钮，并为它指定了一个事件处理函数。

在按钮的事件处理函数中，我们首先获取表单对象，然后调用表单的 isValid 方法来判断表单是否有效。如果表单有效，我们就调用表单的 submit 方法来提交表单。submit 方法接受一个对象作为参数，可以指定一些回调函数来处理提交成功或失败的情况。在这个示例中，我们分别显示了一个成功或失败的提示框。

当用户点击提交按钮时，表单数据将被发送到指定的 URL。在 PHP 中，你可以使用 $_POST 变量来获取表单数据。例如，如果你的表单中有一个名为 username 的文本框，你可以使用 $_POST['username'] 来获取它的值。