Ext学习_表单组件1

Ext.namespace("com.deng");
/**
 * 表单组件
 * Ext.form.TextField不只是用于输入文本，还能接受密码以及文件域，由inputType选项来决定，该选项有三个值；
 * text、password和file，默认是text
 * 下面列出了Extjs所有的表单组件
 * xtype                      class                         说明
 * form						  Ext.FormPanel                 Form面板
 * checkbox                   Ext.form.Checkbox				复选框
 * combo                      Ext.form.ComboBox             下来列表框
 * datefield                  Ext.form.DateField            日期选择器
 * field                      Ext.form.Field                表单字段，表单组件的父类
 * fieldset                   Ext.form.FieldSet				字段分组
 * hidden                     Ext.form.Hidden               隐藏表单域
 * htmleditor                 Ext.form.HtmlEditor           在线HTML编辑器
 * numberfield                Ext.form.NumberField          数字编辑器
 * radio                      Ext.form.Radio                单选按钮
 * textarea					  Ext.form.TextArea             区域文本框
 * timefield                  Ext.form.TimeField            时间组件
 * checkboxgroup              Ext.form.CheckboxGroup		复选框分组控件
 * radiogroup                 RadioGroup                    单选框分组控件
 * 
 * 所有表单组件都继承自Ext.form.Field，其中，TestField、Hidden、HtmlEditor和Checkbox是Field的直接子类,
 * 所有组件都是Field的直接或间接子类
 * 
 * 单选按钮和单选分组控件
 */
//性别男
var rdaSexBoy = new Ext.form.Radio({
	name: "rdaSex",
	inputValue: "男",//实际值
	boxLabel: "男",//显示值
	checked: true //默认选中
});

//性别女
var radSexGirl = new Ext.form.radio({
	name:"rdaSex",
	inputValue: "女",
	boxLabel: "女"
});

//性别分组
var grpSex = new Ext.form.RadioGroup({
	name: "sex",
	fieldLabel: "性别",
	items:[
         rdaSexBoy,
         radSexGirl
	],
	width: 100
});