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 });
Ext学习_表单组件1
最新推荐文章于 2021-06-03 15:51:55 发布