Ext——嵌套窗体

<script type="text/javascript">
	Ext.onReady(function(){
		//使用表单提示
		Ext.QuickTips.init();
		Ext.form.Field.prototype.msgtarget="side";
		
		//定义表单
		var simple = new Ext.FormPanel({
			labelWidth:75,
			baseCls:"x-plain",
			defaults:{width:150},
			defaultType:'textfield',//默认字段类型
			
			//定义表单元素
			items:[{
				fieldLabel:'帐户',
				name:'name',//元素名称
				//anchor:'95%',//也可以使用自适应高度
				allowBlank:false,//不允许为空
				blankText:'帐户不能为空'//错误提示内容
				},{
				inputType:"password",
				fieldLabel:'密码',
				name:'pws',
				allowBlank:false,
				blankText:'密码不能为空'}
			],
			
			buttons:[
				{text:'登陆',
				 type:'submit'
				},
				{
				text:'取消',
				handler:function(){simple.form.reset()}//重置表单
				}
			]
		});
		
		//定义窗体
		win = new Ext.Window({
			id:'win',
			title:'用户登录',
			layout:'fit',
			width:300,
			height:150,
			plain:true,
			bodyStyle:'padding:5px',
			maximizable:false,//禁止最大化
			closeAction:'close',
			closable:false,//禁止关闭
			collapsible:true,//可折叠
			plain:true,
			buttonAlign:'center',
			items:simple//将表单作为窗体元素嵌套布局
		});
		win.show();
	}
	);
</script>