<link rel="stylesheet" href="ext-3.2.1/resources/css/ext-all.css"/>
<script type="text/javascript" language="javascript" src="ext-3.2.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" language="javascript" src="ext-3.2.1/ext-all.js"></script>
<script type="text/javascript" language="javascript" src="ext-3.2.1/examples/shared/examples.js"></script>
<script >
Ext.onReady(function(){
var fp=new Ext.form.FormPanel({
bodyStyle:{'padding':'80 100'},
defaults:{width:120},
labelWidth:50,
labelSeparator:'<font color="red">>></font>',
items:[{
fieldLabel:'姓名:',
name:'userName',
hiddenName:'userName',
xtype:'textfield'
},
{
id:'_gender',
fieldLabel:'性别',
name:'gender',
xtype:'combo',
triggerAction:'all',
valueField:'genderVal',
displayField:'genderName',
mode:'local',
allowBlank:true,
store:new Ext.data.SimpleStore({
fields:['genderVal','genderName'],
data:[
['male','男'],
['female','女'],
['other','其他']]
})
},
{
fieldLabel:'婚否',
name:'isMarryed',
hiddenName:'isMarryed',
xtype:'checkbox',
inputValue:1
}]
});
var win=new Ext.Window(
{
title:'Title',
width:400,
height:300,
layout:'fit',
items:[fp],
buttons:[{text:'提交',
handler:function(){
var values=fp.getForm().getValues();
fp.getForm.submit({
url:'http://www.baidu.com',
params:{userInfo:Ext.encode(values)},
waitTitle:'正在提交',
waitMsg:'正在提交数据,请稍等....'
});
}
}]
});
win.show();
});
</script>
</head>
<body>
<div id="hello"></div>