Question

请问Extjs 和 struts2 结合 form表单如何加载后台数据

Extjs代码如下
Ext.onReady(function() {
var myForm = new Ext.form.FormPanel({
title : "myForm",
width : 500,
layout : "column",
frame : true,
labelAlign : "right",
items : [{
layout : "form",
items : [{
xtype : "textfield",
width : 260,
name : "text",
fieldLabel : "text"
}]
}],
buttonAlign : "right",
buttons : [{
text : "load",
handler : function() {
myForm.form.load({
url : "myForm/load",
success : function(form, action) {
Ext.Msg.alert("load", action.result.data);
},
failure : function(form, action) {
Ext.Msg.alert("load", "error");
}
})
}
}]
});
myForm.render(document.body);
})
action代码如下
private boolean success;
private String data;
private String text;
在此省略get和set方法
public String load() {
success = true;
text = "abc";
data = "{text:123}";
return SUCCESS;
}

点击画面load按钮之后可以弹出success的对话框
用firebug查看json数据为
{"data":"{text:123}","success":true,"text":"abc"}
但是画面上的text文本框内容仍然是空
请问form.load()方法如何加载后台的json数据？

Answer 1

form缺少定义reader.
服务端返回的数据必须提供一个解析数据如何映射的reader
如:
var myForm = new Ext.form.FormPanel({
reader : new Ext.data.JsonReader({
root : 'data'
}, [{
name : 'text',
mapping : 'text'
}],
other...