本文目錄一覽：
- 1、Extjs mvc 模式下怎麼獲得後台傳過來的數據。請寫詳細了謝謝了
- 2、extjs+mvc給Ext表單添加數據，然後以實體的形式返回到後台
- 3、extjs+springMVC架構，前台多條記錄怎麼傳遞到後台且封裝成多個對象
Extjs mvc 模式下怎麼獲得後台傳過來的數據。請寫詳細了謝謝了
extjs是一個前台的組件化的框架，在使用extjs組件時比如datagrid，會有一個url的配置參數，運行時自動請求你這個url，只要你後台傳遞過來的數據正確會自動顯示出來
extjs+mvc給Ext表單添加數據，然後以實體的形式返回到後台
js代碼:
Ext.define(‘app.site.projectWindow’, {
extend: ‘Ext.window.Window’,
border: 0,
height:380,
width: 440,
layout: {
type: ‘border’
},
title: ‘新建監測項目’,
constrain: true,
modal: true,
initComponent: function() {
var me = this;
var row = me.row;
var required = ‘span style=”color:red;font-weight:bold” data-qtip=”Required”*/span’;
Ext.applyIf(me, {
items: [
{
xtype: ‘form’,
region: ‘center’,
frame: true,
layout: {
type: ‘column’
},
defaults: {
margin:’2 0 0 0′,
columnWidth:.9
},
bodyPadding: 10,
title: ”,
items: [
{
xtype: ‘hiddenfield’,
fieldLabel: ‘監測因子id’,
name:’project.id’,
value:row==”?”:row.get(‘id’)
},
{
xtype: ‘textfield’,
fieldLabel: ‘名稱’,
name:’project.name’,
afterLabelTextTpl : required,
allowBlank : false,
value:row==”?”:row.get(‘name’)
},
{
xtype: ‘textfield’,
fieldLabel: ‘編碼’,
name:’project.code’,
value:row==”?”:row.get(‘code’)
},
{
xtype: ‘textfield’,
fieldLabel: ‘單位’,
afterLabelTextTpl : required,
allowBlank : false,
name:’project.unit’,
value:row==”?”:row.get(‘unit’)
},
{
xtype: ‘numberfield’,
fieldLabel: ‘最大值’,
afterLabelTextTpl : required,
allowBlank : false,
name:’project.maxNum’,
value:row==”?”:row.get(‘maxNum’)
},
{
xtype: ‘numberfield’,
fieldLabel: ‘最小值’,
afterLabelTextTpl : required,
allowBlank : false,
name:’project.minNum’,
value:row==”?”:row.get(‘minNum’)
},
{
xtype: ‘numberfield’,
fieldLabel: ‘報警值’,
afterLabelTextTpl : required,
allowBlank : false,
name:’project.alarmNum’,
value:row==”?”:row.get(‘alarmNum’)
},
{
xtype: ‘numberfield’,
fieldLabel: ‘小數位’,
name:’project.decimal’,
value:row==”?”:row.get(‘decimal’)
},
{
xtype: ‘textfield’,
fieldLabel: ‘國標No’,
name:’project.guobiaoNo’,//對象.屬性
value:row==”?”:row.get(‘guobiaoNo’)
},
{
xtype: ‘textfield’,
fieldLabel: ‘數據Mk’,
name:’project.shujuMk’,,//對象.屬性 value:row==”?”:row.get(‘shujuMk’)
},
{
xtype: ‘textareafield’,
fieldLabel: ‘備註’,
name:’project.mask’,
value:row==”?”:row.get(‘mask’)
}
]
}
],
buttonAlign:’center’,
buttons:[{
width : 100,
text : ‘提交’,
iconCls : ‘icon-ok’,
handler : function(t,e) {
t.setDisabled(true);
var form = me.down(‘form’).getForm();
var url = ‘project!savePro.action’;
if(row!=”)url = “project!update.action”;
if (form.isValid()) {
Ext.Ajax.request({
url : url,
params : form.getValues(),
success : function(response) {
var text = Ext.JSON.decode(response.responseText);
if (text.success) {
me.grid.getStore().load();
me.close();
} else {
t.setDisabled(false);
Ext.Msg.alert(‘提示’, ‘操作失敗’);
}
}
});
} else {
t.setDisabled(false);
Ext.MessageBox.alert(‘提示’, ‘請填寫正確的信息’);
}
}
},{
width : 100,
text : ‘重置’,
iconCls : ‘icon-reset’,
handler : function(t,e) {
me.down(‘form’).getForm().reset();
}
},
{
width : 100,
text : ‘退出’,
iconCls : ‘icon-cancel’,
handler : function(t,e) {
me.close();
}
}]
});
me.callParent(arguments);
}
});
java代碼：
package com.szusst.action.site;
import java.util.ArrayList;
import java.util.List;
import org.apache.struts2.json.annotations.JSON;
import com.opensymphony.xwork2.Action;
import com.szusst.entity.TBasMoniProject;
import com.szusst.service.BaseService;
public class ProjectAction implements Action{
private BaseService baseService;
private int limit;// 行數
private int start;// 開始行數
private int total;// 總數
private String key;
private ListTBasMoniProject list = new ArrayListTBasMoniProject(0);
private Boolean success;
private TBasMoniProject project = new TBasMoniProject();//這個是需要set方法和get方法–關鍵
private String proIds;
public String execute() {
int []num = {0};
list = baseService.queryProjects(limit, start, key, num);
total = num[0];
success = true;
return SUCCESS;
}
public String savePro() {
success = baseService.savePro(project);
return SUCCESS;
}
public String delete() {
long num = baseService.deletePro(proIds);
if(num0){
success = true;
}
return SUCCESS;
}
public String update() {
success = baseService.updatePro(project);
return SUCCESS;
}
public int getTotal() {
return total;
}
public ListTBasMoniProject getList() {
return list;
}
public Boolean getSuccess() {
return success;
}
public void setBaseService(BaseService baseService) {
this.baseService = baseService;
}
public void setLimit(int limit) {
this.limit = limit;
}
public void setStart(int start) {
this.start = start;
}
public void setKey(String key) {
this.key = key;
}
@JSON(serialize=false)
public TBasMoniProject getProject() {
return project;
}
public void setProject(TBasMoniProject project) {
this.project = project;
}
public void setProIds(String proIds) {
this.proIds = proIds;
}
}
實體類：
package com.szusst.entity;
import java.util.HashSet;
import java.util.Set;
/**
* TBasMoniProject entity. @author MyEclipse Persistence Tools
*/
public class TBasMoniProject{
// Fields
private Integer id;
private TOthSiteType siteType;
private String name;
private String code;
private String unit;
private Integer decimal;
private String maxNum;
private String minNum;
private String alarmNum;
private String mask;
private String guobiaoNo;
private String shujuMk;
private SetTBasMoniEquipment equips = new HashSetTBasMoniEquipment(0);
public TBasMoniProject() {
}
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getCode() {
return code;
}
public void setCode(String code) {
this.code = code;
}
public String getUnit() {
return unit;
}
public void setUnit(String unit) {
this.unit = unit;
}
public Integer getDecimal() {
return decimal;
}
public void setDecimal(Integer decimal) {
this.decimal = decimal;
}
public TOthSiteType getSiteType() {
return siteType;
}
public void setSiteType(TOthSiteType siteType) {
this.siteType = siteType;
}
public String getMaxNum() {
return maxNum;
}
public void setMaxNum(String maxNum) {
this.maxNum = maxNum;
}
public String getMinNum() {
return minNum;
}
public void setMinNum(String minNum) {
this.minNum = minNum;
}
public String getAlarmNum() {
return alarmNum;
}
public void setAlarmNum(String alarmNum) {
this.alarmNum = alarmNum;
}
public String getMask() {
return mask;
}
public void setMask(String mask) {
this.mask = mask;
}
public String getGuobiaoNo() {
return guobiaoNo;
}
public void setGuobiaoNo(String guobiaoNo) {
this.guobiaoNo = guobiaoNo;
}
public String getShujuMk() {
return shujuMk;
}
public void setShujuMk(String shujuMk) {
this.shujuMk = shujuMk;
}
public SetTBasMoniEquipment getEquips() {
return equips;
}
public void setEquips(SetTBasMoniEquipment equips) {
this.equips = equips;
}
}
配置文件：
action name=”project” class=”com.szusst.action.site.ProjectAction”
result name=”success” type=”json”/result
/action
然後就是配置好structs…..基本上就ok 。。。。
extjs+springMVC架構，前台多條記錄怎麼傳遞到後台且封裝成多個對象
簡單說下：1.用Ext.getCmp(“id”).getValue();等方法獲得當前界面中你想傳遞到後台的值; 2.用formpanel.form.doAction(‘submit’,{ url:’logic.jsp’, method:’post’, params:, //把需傳到後台的數據放在這裡。 success : function(form,action){ i
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/192926.html
微信掃一掃 
支付寶掃一掃 