3、ExtJs写的js页面中的输入框的值如何传输到Java后台Controller控制层?

---------------
①首先是ExtJs页面
 /**
 * 输气量对照统计表
 */
Ext.define('PRMIS.app.statistical.Xqldzcell', {
extend : 'Ext.panel.Panel',
scrollable: true,
region: 'center',
html : '',
tbar:new Ext.create('Ext.toolbar.Toolbar', {
items : [{
xtype : 'datefield',
name:"tbrq",
id:"xqldzcell_tbrq",                                                            /*标清楚id,下面要用到*/
fieldLabel : '年',
format : 'Y',
labelWidth:70,
value : new Date(),
maxValue : new Date()
}, {
xtype : 'button',
text : '查询',
iconCls : 'icon-export',
width : '10%',
maxWidth : 60,
handler:function(btn, eventObj) {                                        /*操作按钮,相当于onclick*/
var tbrq=Ext.getCmp('xqldzcell_tbrq').value;              /*通过上面时间选择框的id,获得框里面的内容*/
Ext.Ajax.request({   /*Ajax请求页面*/
url : appBaseUri + '/stat/xqldztj/getdate',            /*请求的逻辑名称,进入到Controller中对应的方法中*/
params:{name : tbrq},                                         /*携带的参数,为框中的value*/
method : "GET",
success : function() {
},
failure : function() {
}
});
}
}, {
xtype : 'button',
text : '导出',
iconCls : 'icon-export',
width : '10%',
maxWidth : 60
}
]
}),

listeners : { afterrender : onAfterRender },
initComponent : function() { this.callParent(arguments); }
});




function onAfterRender() {
var CellXqldzcell = $("#XqldzcellId")[0];
CellXqldzcell.OpenFile(appBaseUri + "/static/cell/Xqldzcell.cll", "");
CellXqldzcell.WorkbookReadonly = true; // 只读
}
--------------------------------------------------------------------------------------------------------
②控制层Controller
package com.statistical.controller;
/*
 * 输气量统计表 控制层
 */
import java.io.IOException;


import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;


import com.statistical.core.BaseController;
import com.statistical.core.Constant;
import com.statistical.model.Xqldztj;
import com.statistical.service.XqldztjService;


@Controller
@RequestMapping("/stat/xqldztj")
public class XqldztjController extends BaseController implements Constant  {

@Resource
private XqldztjService xqldztjService;

public XqldztjService getXqldztjService() {
return xqldztjService;
}


public void setXqldztjService(XqldztjService xqldztjService) {
this.xqldztjService = xqldztjService;
}


/*
* 获取前台日期表格的内容
*/
@RequestMapping(value = "/getdate",method = { RequestMethod.POST, RequestMethod.GET })
public void getDateByExt(Xqldztj xqldztjmodel,HttpServletRequest request, HttpServletResponse response) throws IOException{
//得到前段传过来的数据 yyyy-mm-dd xx:xx:xx
String tbrq = request.getParameter("name");                  //得带前台日期框中的数据,name为params:{name : tbrq}中的name,取得的值为tbrq
//截取出年份
String tbrqyear = (String) tbrq.substring(0, 4);
String tbrqmonth = tbrq.substring(5,7);
//控制台输出年份
System.out.println(tbrq);
System.out.println(tbrqyear);
System.out.println(tbrqmonth);
}
}


-------------------------------------------------------

你可能感兴趣的:(ExtJs开发)