Ext.Window实践

 

Ext.onReady(function() {
	new Ext.Window( {
		title : "添加人员",
		width : 500,
		height : 400,
		labelWidth : 70,
		plain : true,
		//		bodyStyle : "padding:5px",
		defaultType : "textfield",
		//		defaults : {
		//					width : 450
		//				},
		items : [ {
			xtype : "panel",
			baseCls : "x-plain",
			bodyStyle : "padding:5px",
			layout : "column",
			items : [ {
				columnWidth : .5,
				//				layout:"form",
				labelWidth : 55,
				defaultType : "textfield",
				defaults : {
					width : 200
				},
				baseCls : "x-plain",
				items : [ {
					fieldLabel : "姓名"
				}, {
					fieldLabel : "年龄"
				}, {
					fieldLabel : "出生日期"
				}, {
					fieldLabel : "联系电话"
				}, {
					fieldLabel : "手机号码"
				}, {
					fieldLabel : "电子邮件"
				}, {
					fieldLabel : "性别"
				} ]
			}, {
				columnWidth : .5,
				//layout:"form",
				labelWidth : 55,
				baseCls : "x-plain",
				items : {
					xtype : "textfield",
					fieldLabel : "个人照片",
					width : 335,
					height : 165,
					inputType : "image"
				}
			} ]
		}, {
			width : 475,
			fieldLabel : "身份证号"
		}, {
			width : 475,
			fieldLabel : "具体地址"
		}, {
			fieldLabel : "职位"
		} ],
		buttons : [ {
			text : "确定"
		}, {
			text : "取消"
		} ]
	}).show();
});