var forms=new Ext.form.FormPanel({
layout:"form",
frame:true,
items:[
{
layout:"column",
items:[
{
columnWidth:.4,
xtype:"fieldset",
title:"a",
layout: 'form',
autoHeight: true,
labelWidth:40,
defaults: {
allowBlank:true,
xtype:'textfield',
width:100
},
//defaults:{xtype:textfield},
items:[
{fieldLabel :"姓名",allowBlank:false,name:"username"},
{fieldLabel :"密码",inputType:"password",name:"password"}
]
},{
columnWidth:.6,
xtype:"fieldset",
title:"b",
layout: 'form',
labelWidth: 40,
autoHeight: true,
//defaults:{xtype:textfield},
items:[
{fieldLabel :"性别",allowBlank:false,xtype:"textfield",name:"sex"},
{fieldLabel :"年龄",xtype:"textfield",name:"age"}
]
}
]
},{
xtype:"fieldset",
autoHeight: true,
title:"aaaaaaa",
defaults:{
allowBlank:true,
xtype:'textarea',
width:100,
labelWidth:50
},
items:[
{fieldLabel:"个人爱好",width:200,name:"xingqu"}
]
}
]
});
var windows=new Ext.Window({
title:"添加窗口",
height:300,
width:400,
layout:"fit",
items:[forms],
buttonAlign:'center',
buttons:[
{
text:"ok",
handler:function(){
forms.getForm().submit({
url : 'demo/demos!ext_test.action',
waitMsg : '正在提交,请稍等……',
timeout : 100000,
method : 'GET',
reset : true , //当提交后清空输入域的值
success : function(form,action){ //是与业务相关的只有后台响应为true或响应的JSON包含success:true
Ext.Msg.alert("Success", action.result.msg);
},failure : function(form,action){ //后台响应的JSON包含error:{},就认为连接失败
Ext.Msg.alert('提示','系统登入失败,原因<br/>' + action.failureType);
}
});
}
},{
text:"cancle",
handler:function(){
forms.form.reset();
}
}
]
});
windows.show();
Ext JS使用表单提交数据
最新推荐文章于 2022-05-14 11:25:47 发布