`

ext radiogroup

    博客分类:
  • ext
EXT 
阅读更多
 

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 RadioGroup是Ext JS库中的一个组件,用于创建一组单选按钮。在Web应用程序中,RadioGroup常用于让用户从多个互斥选项中选择一个。在本文中,我们将深入探讨Ext RadioGroup的使用方法,包括其配置选项、事件处理...

    ext-3.3.1实例

    ext3.3.1的官方实例,对于初学者是很有用的例子

    EXT3.2 多选下拉框

    多选下拉框在EXT JS中通常通过`Ext.form.CheckboxGroup`或`Ext.form.RadioGroup`类来实现,但在EXT3.2中,实现多选下拉框功能通常会使用`Ext.form.FieldSet`或`Ext.form.ComboBox`的自定义扩展。这类组件提供了复选...

    ext checkboxgroup 回填数据解决

    重写 代码如下: //解决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(...

    Ext简单例子

    单选按钮也需要放在RadioGroup中才能正常工作。 6. **日期选择器(DatePicker)**:用户可以选择一个日期,常用于需要输入日期的场景,提供了友好的日历界面。 在实现这些表单控件时,开发者通常会遇到以下概念: ...

    ExtJSWeb应用程序开发指南(第2版)

    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...

    ExtJs_xtype一览

    - `radiogroup`:`Ext.form.RadioGroup`,自2.2版本起,用于组织多个单选按钮的组件。 6. **图表组件** - `chart`:`Ext.chart.Chart`,基础图表组件,可以绘制各种图表。 - `barchart`:`Ext.chart.BarChart`,...

    数字微调输入框

    "数字微调输入框"是一种常见的用户界面元素,主要用于网页或应用程序中,允许用户通过加减按钮或直接输入数字来精确调整数值。这种输入框在许多场景下都非常实用,例如设置参数值、调整音量、设定时间等。...

    ExtJS-3.4.0系列目录

    - `Ext.form.CheckboxGroup` 和 `Ext.form.RadioGroup`:用于组合复选框和单选框。 - `Ext.form.field.Trigger`:触发字段,常用于下拉搜索框。 - `Ext.form.field.Spinner`:用于数字的微调。 - `Ext.form....

    extjs控件列表

    **Ext.form.RadioGroup** - **描述**: 编组的单选按钮,可以同时管理多个单选按钮。 - **用途**: 创建一组相关联的单选按钮,如性别选择。 以上是ExtJS框架中常用的控件及其用途,通过合理运用这些控件,开发者可以...

    ExtJS3总结内容

    - `formcomponents`: `form`, `checkbox`, `checkboxgroup`, `combo`, `datefield`, `displayfield`, `field`, `fieldset`, `hidden`, `htmleditor`, `label`, `numberfield`, `radio`, `radiogroup`, `textarea`, `...

    extjs详细ppt

    - **单选按钮组 (`Ext.form.field.RadioGroup`)**:一组单选按钮。 - **下拉组合框 (`Ext.form.field.ComboBox`)**:结合列表和输入框的功能。 3. **示例代码** 下面是一个简单的表单示例,包括文本框、数字...

    ExtJs使用过程中积攒的一些东西

    - 表单控件:FormPanel可以包含各种表单元素,如文本框`textfield`、密码框`passwordfield`、选择框`checkbox`、复选框组`checkboxgroup`、单选框`radiogroup`、下拉框`combobox`、日期选择器`datefield`等。...

    学习ExtJS Panel常用方法

    - `radiogroup`: `Ext.form.RadioGroup` - `textarea`: `Ext.form.TextArea` - `textfield`: `Ext.form.TextField` - `timefield`: `Ext.form.TimeField` - `trigger`: `Ext.form.TriggerField` - **Chart ...

    Extjs开发精华

    - `varStore_bm=Ext.create('Ext.data.Store',{...});`:创建数据存储对象,用于存储和管理从服务器获取的部门数据。 通过以上分析,我们可以看到Extjs不仅提供了一系列丰富的UI组件,还支持灵活的数据管理和强大...

    ExtJS的xtype列表

    - `radiogroup`: 单选按钮组,用于管理一组关联的单选按钮。 6. **图表组件**(只列出部分): - `chart`: 图表组件,用于创建各种图形图表。 - `barchart`: 柱状图,用于比较类别之间的数量差异。 - `...

    form表单加载复杂json数据

    对于数组,你可以使用`checkboxgroup`、`radiogroup`或其他重复字段来表示。例如: ```javascript items: [{ xtype: 'fieldset', title: 'Nested Data', items: [{ xtype: 'textfield', fieldLabel: 'Nested ...

    Extjs3.0 checkboxGroup 动态添加item实现思路

    CheckboxGroup允许用户在一个组合框内选择多个选项,与单选按钮组RadioGroup相反,它是多个复选框的集合。然而,与普通的Ext.form.Field组件不同,CheckboxGroup实际上是一个容器形式的组件,它继承自Ext.form.Field...

    详解Android TextView属性ellipsize多行失效的解决思路

    此外,文章还提到了其他相关的Android UI实现,如自定义View实现跨多行的RadioGroup,多行文本的折叠展开效果,以及处理TextView多行文本使用`ellipsize`属性无效的问题,这些都是在开发中可能会遇到的挑战,需要...

Global site tag (gtag.js) - Google Analytics