Ext.onReady(function () {
var radiogroup= new Ext.form.RadioGroup({
fieldLabel : '默认计量单位',
items : [{
boxLabel : '是',
inputValue : "1",
name : "radiog",
checked : true
}, {
boxLabel : '否',
name : "radiog",
inputValue : "2"
}]
});
var _formpanel = new Ext.form.FormPanel({
labelAlign : "right",
labelWidth : 150,
loadMask : true,
frame : true,
defaults : {
width : 150
},
applyTo:Ext.getBody(),
items : [radiogroup],
buttonAlign : "center",
buttons : [{
text : "获取RadioGroup值",
handler : function() {
alert(_formpanel.getForm().getValues()["radiog"] );
}
}]
});
});
分享到:
相关推荐
Ext RadioGroup是Ext JS库中的一个组件,用于创建一组单选按钮。在Web应用程序中,RadioGroup常用于让用户从多个互斥选项中选择一个。在本文中,我们将深入探讨Ext RadioGroup的使用方法,包括其配置选项、事件处理...
ext3.3.1的官方实例,对于初学者是很有用的例子
多选下拉框在EXT JS中通常通过`Ext.form.CheckboxGroup`或`Ext.form.RadioGroup`类来实现,但在EXT3.2中,实现多选下拉框功能通常会使用`Ext.form.FieldSet`或`Ext.form.ComboBox`的自定义扩展。这类组件提供了复选...
重写 代码如下: //解决checkboxgroup回填数据问题 Ext.override(Ext.form.BasicForm,{ findField : function(id){ var field = this.items.get(id); if(!field){ this.items.each(function(f){ if(f.isXType(...
单选按钮也需要放在RadioGroup中才能正常工作。 6. **日期选择器(DatePicker)**:用户可以选择一个日期,常用于需要输入日期的场景,提供了友好的日历界面。 在实现这些表单控件时,开发者通常会遇到以下概念: ...
4.1.8 Ext.form.CheckboxGroup和Ext.form.RadioGroup 4.1.9 Ext.form.field.Trigger触发字段 4.1.10 Ext.form.field.Spinner微调字段 4.1.11 Ext.form.field.Picker拾取器字段 4.1.12 Ext.form.field.ComboBox...
- `radiogroup`:`Ext.form.RadioGroup`,自2.2版本起,用于组织多个单选按钮的组件。 6. **图表组件** - `chart`:`Ext.chart.Chart`,基础图表组件,可以绘制各种图表。 - `barchart`:`Ext.chart.BarChart`,...
"数字微调输入框"是一种常见的用户界面元素,主要用于网页或应用程序中,允许用户通过加减按钮或直接输入数字来精确调整数值。这种输入框在许多场景下都非常实用,例如设置参数值、调整音量、设定时间等。...
- `Ext.form.CheckboxGroup` 和 `Ext.form.RadioGroup`:用于组合复选框和单选框。 - `Ext.form.field.Trigger`:触发字段,常用于下拉搜索框。 - `Ext.form.field.Spinner`:用于数字的微调。 - `Ext.form....
**Ext.form.RadioGroup** - **描述**: 编组的单选按钮,可以同时管理多个单选按钮。 - **用途**: 创建一组相关联的单选按钮,如性别选择。 以上是ExtJS框架中常用的控件及其用途,通过合理运用这些控件,开发者可以...
- `formcomponents`: `form`, `checkbox`, `checkboxgroup`, `combo`, `datefield`, `displayfield`, `field`, `fieldset`, `hidden`, `htmleditor`, `label`, `numberfield`, `radio`, `radiogroup`, `textarea`, `...
- **单选按钮组 (`Ext.form.field.RadioGroup`)**:一组单选按钮。 - **下拉组合框 (`Ext.form.field.ComboBox`)**:结合列表和输入框的功能。 3. **示例代码** 下面是一个简单的表单示例,包括文本框、数字...
- 表单控件:FormPanel可以包含各种表单元素,如文本框`textfield`、密码框`passwordfield`、选择框`checkbox`、复选框组`checkboxgroup`、单选框`radiogroup`、下拉框`combobox`、日期选择器`datefield`等。...
- `radiogroup`: `Ext.form.RadioGroup` - `textarea`: `Ext.form.TextArea` - `textfield`: `Ext.form.TextField` - `timefield`: `Ext.form.TimeField` - `trigger`: `Ext.form.TriggerField` - **Chart ...
- `varStore_bm=Ext.create('Ext.data.Store',{...});`:创建数据存储对象,用于存储和管理从服务器获取的部门数据。 通过以上分析,我们可以看到Extjs不仅提供了一系列丰富的UI组件,还支持灵活的数据管理和强大...
- `radiogroup`: 单选按钮组,用于管理一组关联的单选按钮。 6. **图表组件**(只列出部分): - `chart`: 图表组件,用于创建各种图形图表。 - `barchart`: 柱状图,用于比较类别之间的数量差异。 - `...
对于数组,你可以使用`checkboxgroup`、`radiogroup`或其他重复字段来表示。例如: ```javascript items: [{ xtype: 'fieldset', title: 'Nested Data', items: [{ xtype: 'textfield', fieldLabel: 'Nested ...
CheckboxGroup允许用户在一个组合框内选择多个选项,与单选按钮组RadioGroup相反,它是多个复选框的集合。然而,与普通的Ext.form.Field组件不同,CheckboxGroup实际上是一个容器形式的组件,它继承自Ext.form.Field...
此外,文章还提到了其他相关的Android UI实现,如自定义View实现跨多行的RadioGroup,多行文本的折叠展开效果,以及处理TextView多行文本使用`ellipsize`属性无效的问题,这些都是在开发中可能会遇到的挑战,需要...