将数据从extjs弹出窗口发送到弹簧控制器

我有一个带窗体面板的extjs弹出窗口，我想知道如何将数据发送到弹簧控制器的窗体面板中？将数据从extjs弹出窗口发送到弹簧控制器

var formPanel = { 
    xtype  : 'form', 
    height  : 125, 
    autoScroll : true, 
    id   : 'formpanel', 
    defaultType : 'field', 
    frame  : true, 
    items  : [ 
     { 
      fieldLabel : 'Name' 
     }, 
     { 
      fieldLabel : 'Age' 
     } 
    ] 
}; 

function openIFrame() { 
Ext.create('Ext.window.Window', { 
    title : 'Import your devices', 
    width: 500, 
    height: 500, 
    layout: 'fit', 
    items: [formPanel] 
}).show();

}

来源

2015-05-13 Jerome Campeaux

@zan我说我的代码，我将创建一个按钮，“提交”应该发送的形式，但我不知道它可能在我的春天控制器 –

发送和恢复数据*“不确定”*？你真的*尝试过*在Spring控制器中处理请求吗？它有用吗？如果不是，为什么？ – kryger

@JeromeCampeaux是我的回答，对你而言是一个好消息？ –

由来自控制器的一些选择器获得的形式，然后调用getForm().getValues()方法。方法返回由表单字段及其值生成的对象。

然后你可以使用发送这个对象来使用Ext.Ajax.request方法（文档：http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.Ajax-method-request）服务器

来源

2015-05-13 08:08:43

您可以通过该代码使用参数发送请求到服务器：

Ext.Ajax.request({ 
    url: '/requestUrl', 
    params: { 
     param1: data1, 
     param2: data2 
    }, 
    method: 'POST', 
    success: function(response) { 
     //do something... 
     } 
    })

还需要添加此代码对你的弹出一些听众，例如在onButtonClick

function openIFrame() { 
Ext.create('Ext.window.Window', { 
    title : 'Import your devices', 
    width: 500, 
    height: 500, 
    layout: 'fit', 
    items: [formPanel], 
    buttons: [ 
       { 
        text: 'Submit', 
        handler: function() { 
         //function which listed above 
        } 
       } 

      ] 
}).show();

，并处理在成为你的请求需要这样的创建控制器：

@ResponseBody 
@RequestMapping(value = "/requestUrl") 
public void handler(@RequestParam ("param1") String param1, 
         @RequestParam ("param2") String param2) throws Exception { 
     //do something with data 
}

来源

2015-05-13 09:04:54

将数据从extjs弹出窗口发送到弹簧控制器

回答

相关问题