Ext JS使用表单提交数据

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();
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值