将文本字段数据发送到ExtJS中的servlet

时间:2012-12-29 08:11:18

标签: javascript servlets extjs extjs4.1

我想将文本字段数据发送到servlet页面。我不知道这个过程。我给出了文本框的代码和下面的按钮。

Ext.onReady(function(){
var movie_form = new Ext.FormPanel({
    renderTo: document.body,
    frame: true,
    title: 'Personal Information Form',
    width: 250,
    items: [{
        xtype: 'textfield',
        fieldLabel: 'Firstname',
        name: 'firstname',
        allowBlank: false
    },{
        xtype:'button',
        text:'save'    
    }]
});

});

这是文本框和按钮的代码。当我单击该按钮时,该字段的数据将转到servlet页面。但我不能这样做。请任何人帮助我。 servlet页面的名称是url_servlet

2 个答案:

答案 0 :(得分:1)

在您的服务方法中(获取或发布)

您可以通过属性“name”获取数据字段值。

  String firstname = reg.getParameter("firstname");

答案 1 :(得分:0)

为了处理后端的数据,请查看@The Suresh Atta的答案。

我在你的代码中找到了一些勘误表:

1)使用Ext.create函数构造Ext组件 2)使用Ext.getBody()获取文档正文 3)将您的字段放在按钮配置中的项目配置和按钮中(并非总是最佳做法)。

Ext.create('Ext.form.Panel', {
    frame: true,
    title: 'Personal Information Form',
    width: 250,
    url: 'url_servlet',// The form will submit an AJAX request to this URL when submitted
    items: [{
        xtype: 'textfield',
        fieldLabel: 'Firstname',
        name: 'firstname',
        allowBlank: false
    }],
    buttons: [{
        text: 'Save',
        handler: function() {
            var form = this.up('form').getForm();
            if (form.isValid()) {
                form.submit({
                    success: function(form, action) {
                       Console.log('Success', action.result.msg);
                    },
                    failure: function(form, action) {
                       Console.log('Failed', action.result.msg);
                    }
                });
            }
        }
    }],
    renderTo: Ext.getBody()
});

我希望这对你有所帮助;)