Ext.onReady(function(){ var form = new Ext.form.FormPanel({ renderTo:Ext.getBody(), title:'表单初始化——用户注册', width:300, autoHeight:true, frame:true, labelWidth:65, labelAlign:'right', defaultType:'textfield', style:'padding:10px', items:[{ name:'username', fieldLabel:'用户名', width:200 },{ name:'password', fieldLabel:'密码', inputType:'password', width:200 },{ name:'birthday', fieldLabel:'出生日期', xtype:'datefield', format:'Y-m-d', width:150 },{ name:'sexgroup', fieldLabel:'性别', xtype:'radiogroup', width:100, items:[{ name:'sex', xtype:'radio', boxLabel:'男', inputValue:'男' },{ name:'sex', xtype:'radio', boxLabel:'女', inputValue:'女' }] }], buttons:[{ text:'提交' },{ text:'本地读取', handler:function(){ var json = { username:'张胜鸿', password:'123456', birthday:'1986-10-02', sexgroup:'男' }; form.getForm().setValues(json); } },{ text:'远程读取', handler:function(){ form.getForm().reader = new Ext.data.JsonReader({},[ {name:'username',type:'string',mapping:'username'}, {name:'password',type:'string',mapping:'password'}, {name:'birthday',type:'string',mapping:'birthday'}, {name:'sexgroup',type:'string',mapping:'sexgroup'} ]); form.load({url:'FormDataServlet.do'}); } }] }); }); protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { resp.setContentType("text/html;charset=utf-8"); PrintWriter out = resp.getWriter(); String json = "[{username:'张胜鸿',password:'123456',birthday:'1986-08-29',sexgroup:'男'}]"; out.println(json); out.flush(); out.close(); }