將數據從extjs彈出窗口發送到彈簧控制器

Question

我有一個帶窗體面板的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(); 

}

Answer 1

由來自控制器的一些選擇器獲得的形式，然後調用getForm().getValues()方法。方法返回由表單字段及其值生成的對象。

然後你可以使用發送這個對象來使用Ext.Ajax.request方法（文檔：http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.Ajax-method-request）服務器

Answer 2

您可以通過該代碼使用參數發送請求到服務器：

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 
}