转载Ext.form.formPanel与服务器交互初始化表单

    formPanel 初始化表单有两种方式加载&＃xff0c;一种是本地加载&＃xff0c;一种是通过返回回来的Json格式数据加载到表单里面。
得到表单来加载数据的时候&＃xff0c;必须用form.getForm(), 得到basicForm()这个对象&＃xff0c;formPanel是继承自basciForm()
本地加载通过form.getForm.loadRecord() 加载&＃xff0c;传入的一个记录集(new Ext.data.record.create())。 根据相应的映射会自动匹配到表单的每个文本框。
    比如&＃xff0c;通过点击表格的编辑连接&＃xff0c;得到表格记录的行数据&＃xff0c;初始化到表单。
var updateGrid &＃61; Ext.getCmp("displayEmpGrid");
var rows &＃61; updateGrid.getSelectionModel().getSelections();
if (rows) {
//for (var i &＃61; 0; i alert(rows[0].imageUpload);
form.getForm().loadRecord(rows[0]); //将数据集加载到表单中,直接获取表格的数据
Ext.get(&＃39;imageBrowse&＃39;).dom.src &＃61; "images/anniubg.gif";
//}
}
    这种方式是将所有的数据放一次到页面&＃xff0c;加载所有的数据到页面会加重页面负担。。

    远程加载是通过 form.getForm().load()加载。
// 解析后台返回的数据

var empReader &＃61; new Ext.data.JsonReader              //解析Json格式数据。 ({                                                                                                                                                                                                                                                  

name:"empNo ",   //表单对应的属性名

mapping:"empNo"      //为json数据里面 对应的属性值

}&＃xff0c;{name:"empName", mapping:"empName"});

form.getForm().reader &＃61; empReader;   //这个不能少&＃xff0c;不然明明有获得数据&＃xff0c;确没有显示。。

// 从后台加载json格式数据
form.getForm().load({
url : "employee_selectByPrimaryEmployee.action",     
method : "POST",
params : {
empNo : empNo //参数
}
});

//json数据,即action中 selectByPrimaryEmployee 所要返回到页面的json数据格式

var json &＃61; [{empNo:"111",empName:"小王"}];

     printwrite.print(json);     //将数据返回到前台

    这样子就是通过将服务器数据加载到表单显示。一定要注意&＃xff0c;加载本地和加载远程不要用错方法了&＃xff0c;加载远程是用load(),里面传的url。 本地用 加载用loadRecord()&＃xff0c;直接传入一个Stroe的记录集&＃xff0c;就可以加载进去。

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

grid.on(&＃39;rowdblclick&＃39;, function(grid, rowIndex, e) {