Ext学习_表单组件四

Ext.namespace("com.deng");
/**
 * 表单组件的综合例子
 * 演示添加员工
 */
Ext.onReady(function(){
	
	var txtName = new Ext.form.TextField({
		name: "txtName",
		fieldLabel: "姓名",
		width: 200
	});
   	
	var txtPassword = new Ext.form.TextField({
		name: "txtPassword",
		fieldLabel: "密码",
		inputType: "password",
		width: 200
	});
	
	var rdaSexBoy = new Ext.form.Radio({
		name: "rdaSex",
		inputValue: "男",
		boxLabel: "男",
		checked: true
	});
	
	var rdaSexGirl = new Ext.form.Radio({
		name: "rdaSex",
		inputValue: "女",
		boxLabel:"女",
		width: 150
	});
	
	var grpSex = new Ext.form.RadioGroup({
		name: "sex",
		fieldLabel: "性别",
		items: [rdaSexBoy, rdaSexGirl],
		width: 100
	});
	
	var dateBirthday = new Ext.form.DateField({
		name: "dateBirthday",
		fieldLabel: "出生日期",
		width: 200,
		format: "Y-m-d H:i:s",
		value: new Date()
	});
	
	var chkHobby1 = new Ext.form.Checkbox({
		name: "chkHobby",
		inputValue: "钓鱼",
		boxLabel: "钓鱼",
		checked: true
	});
	var chkHobby2 = new Ext.form.Checkbox({
		name: "chkHobby",
		inputValue: "网友聚会",
		boxLabel: "网友聚会"
	});
	var chkHobby3 = new Ext.form.Checkbox({
		name: "chkHobby",
		inputValue: "洗桑拿",
		boxLabel: "洗桑拿"
	});
	var chkHobby4 = new Ext.form.Checkbox({
		name: "chkHobby",
		inputValue: "打保龄球",
		boxLabel: "打保龄球"
	});
	
	var grpGobby = new Ext.form.CheckboxGroup({
		name: "hobby",
		fieldLabel: "您的爱好",
		items: [
           chkHobby1, chkHobby2,chkHobby3,chkHobby4
		],
		width: 350
	});