本文共 1520 字,大约阅读时间需要 5 分钟。
Ext.onReady(function(){
new Ext.form.FormPanel({ title: "登陆", frame: true, renderTo:Ext.getBody(), //加载 buttonAlign:"right", //按钮右对齐 width: 260, height: 180, plain:true, //协调颜色 resizable:false, bodyStyle:"padding:7px", labelWidth:45, defaults:{xtype:"textfield", width:180},//设置默认类型为textfield // closable:false, //指定close按钮的显示 // closeAction:"hide", //指定close按钮触发的事件 listeners:{ //不同功能的按钮 "show":function(){ Ext.Msg.alert("窗体显示"); }, "hide":function(){ alert("窗体隐藏"); }, "close":function(){ alert("窗体关闭"); } }, items:[{ //标签 fieldLabel:"账号", id:"name" },{ fieldLabel:"密码", id:"sex" }], buttons:[{ text:"确定", handler:function(){ //按钮事件 alert(1); this.ownerCt.ownerCt.getForm().submit(); //调用ajax Ext.Ajax.request({url:"test.jsp",success: function(response) //如果为 success, 则执行次函数, 返回xml数据。
{ alert(response.responseXML.xml); },
params:{ //提交的数据, 同时在xml药设置对应的接收类型。
name :Ext.getCmp("name").getValue(),
sex :Ext.getCmp("sex").getValue()
}});
}
},{ text:"取消", handler:function(){//取消所填内容 Ext.getCmp("name").setValue(""); Ext.getCmp("sex").setValue(""); } }] }); });test.jsp //接收jsp代码, 通过对应的提交对象, 并设置编码。同时需要import PrintWriter。
<%
String name = request.getParameter("name "); String sex = request.getParameter("sex "); response.setCharacterEncoding("UTF-8 "); response.setContentType("text/xml "); PrintWriter pw = response.getWriter(); String str = "<?xml version=/"1.0/" encoding=/"UTF-8/"?>/n "; str +="<msg>/n"; str += "<name>"+name+"</name>/n"; str += "<sex>"+sex+"</sex>/n"; str+="</msg>"; pw.write(str); pw.close(); %>转载地址:http://clcci.baihongyu.com/