`
babydeed
  • 浏览: 238811 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Extjs中RadioGroup的获取值和赋值

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

Ext.override(Ext.form.RadioGroup, {   
    getValue: function(){  
        var v;  
        if (this.rendered) {  
            this.items.each(function(item){  
                if (!item.getValue())   
                    return true;  
                v = item.getRawValue();  
                return false;  
            });  
        }  
        else {  
            for (var k in this.items) {  
                if (this.items[k].checked) {  
                    v = this.items[k].inputValue;  
                    break;  
                }  
            }  
        }  
        return v;  
    },  
    setValue: function(v){  
        if (this.rendered)   
            this.items.each(function(item){  
                item.setValue(item.getRawValue() == v);  
            });  
        else {  
            for (var k in this.items) {  
                this.items[k].checked = this.items[k].inputValue == v;  
            }  
        }  
    }  
}); 

//由于使用loadRecord()方法无法为radiogroup赋值 所以加上以上代码


var record = Ext.data.Record.create([
    {name: "rg",mapping:"rg"},
]);

var myNewRecord = new record ({rg:"2"});

 

 

var radiogroup= new Ext.form.RadioGroup({
                fieldLabel : "radioGroup",
                items : [{
                            boxLabel : '是',
                            inputValue : "1",
                            name : "rg",
                            checked : true
                        }, {
                            boxLabel : '否',
                            name : "rg",
                            inputValue : "2"
                        }]
            });

var _formpanel = new Ext.form.FormPanel({
        labelAlign : "right",
        labelWidth : 150,
        loadMask : true,
  renderTo:Ext.getBody(),
        frame : true,
        defaults : {
            width : 150
        },
        items : [radiogroup],
        buttonAlign : "center",
        buttons : [{
            text : "获取radioGroup值",
            handler : function() {
                alert(_formpanel.getForm().getValues()["rg"] );

            alert(_formpanel.getForm().getValues().rg);
             alert(radiogroup.getValue());//三种方式获取所选值

            }
        },{
            text : "Set radioGroup值2",
            handler : function() {
               radiogroup.setValue(2);//把否选中
            }
        },{
            text : "Set radioGroup值1",
            handler : function() {
               _formpanel.findByType("radiogroup")[0].setValue(1);//把是选中
            }
        },{
            text : "loadRecord赋值方式",
            handler : function() {
               _formpanel.form.loadRecord(myNewRecord);//把否选中
            }
        }]]
    });

 

 

分享到:
评论
2 楼 moment52 2013-04-09  
我的问题是再form上显示radioGroup男女,再弹出个框显示radioGroup男女,底下的form的男女是有赋值,而弹出的框却没有,如果底下不是有男女的form,弹出来的男女form就有值,太诡异了,LZ不知道你有遇到过这个问题吗,我要的效果是无论底下是否是男女form,我弹出的男女form都有值
1 楼 693593336 2012-07-26  
好,正好用上

相关推荐

    Extjs如何获取文本框的值

    Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值

    EXTJS 选下拉框,并取得下拉框的值

    总结一下,EXTJS中的下拉框(ComboBox)是通过`Ext.form.field.ComboBox`实现的,可以通过设置`store`、`displayField`和`valueField`来定义选项和获取选定值。使用`getValue()`方法可以获取选定的值,而`select`...

    ExtJs表格点击超链接获取行的值

    ### ExtJs表格点击...在ExtJs中,通过合理利用`renderer`和选择模型,我们可以轻松地在表格中添加超链接,并在点击时获取行数据。同时,丰富的配置选项使得我们能够高度定制表格的功能和样式,满足不同的业务需求。

    ExtJs获取表单元素的值

    在本篇文章中,我们将深入探讨如何在ExtJs框架中有效地获取表单元素的值,并结合提供的代码示例进行详细解析。对于前端开发者来说,掌握如何高效地操作表单元素是必不可少的一项技能,尤其是在使用像ExtJs这样的强大...

    ExtJs grid多选时获取选中的所有值

    因此,掌握如何在ExtJs Grid中实现多选功能以及如何获取已选中的所有值是非常重要的。 #### 二、实现多选功能 在ExtJs中,实现Grid的多选功能主要通过`CheckboxSelectionModel`来完成。下面将详细介绍如何设置并...

    获取ExtjS表格的值_ExtJS_3.4cellSelectModel

    资源名称:获取ExtjS表格的值_ ExtJS_3.4 cellSelectModel资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    EXTJS checkbox赋值

    在描述中提到的“最难解决的问题”——在修改时为`checkboxgroup`赋值,这是因为EXTJS默认的`setValue`方法可能不会按照期望的方式更新所有复选框的状态。为了解决这个问题,开发者通常需要自定义方法来处理。如示例...

    extjs4 对各类型store各种数据的读取 model 前台 等等

    通过上述内容我们可以了解到,在ExtJS 4中处理Store和Model时需要注意的关键点: - 使用不同的Store类型来管理不同类型的数据源; - 通过多种方式将数据绑定到界面上; - 定义详细的Model结构,包括字段类型和验证...

    extjs4.2 datetime控件

    3. **动态赋值**:描述中提到的“动态赋值”意味着你可以随时更改DateTime控件的值,而不仅仅是初始化时。这可以通过JavaScript代码直接设置控件的“value”属性,或者通过监听其他组件的事件来响应变化。 4. **...

    Extjs 从远程获取json类型的list数据

    标题 "Extjs 从远程获取json类型的list数据" 涉及的是在Web开发中使用Extjs框架与服务器进行交互,获取JSON格式的数据并展示在列表(List)组件中的技术。Extjs是一款强大的JavaScript库,用于构建富客户端的桌面级...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    获取Extjs中的TreePanel中所有的被checked的叶子节点的id

    在本篇文章中,我们将深入探讨如何在ExtJS框架中获取TreePanel中所有被选中(checked)的叶子节点的ID。此技术对于处理复杂的数据结构、优化用户交互体验以及实现高效的数据管理至关重要。 ### 一、ExtJS简介 ...

    extjs中文帮助文档和英文api

    总之,“extjs中文帮助文档和英文api”是ExtJS开发者的必备资料,无论你是初学者还是经验丰富的开发者,都能从中获取到有价值的信息,提升你的开发效率和应用质量。利用好这两份资源,将使你在ExtJS开发的道路上更加...

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    在"ExtJs3.3中文API.CHM"中,开发者可以找到关于ExtJS 3.3的所有API和类的详细描述,以及相关的示例代码。 ExtJS 3.3的核心特性包括: 1. **组件化**:ExtJS基于组件模型,提供了一系列预定义的UI组件,如按钮、...

    Extjs 关于 cookie的操作

    在 Extjs 中,可以通过 `Ext.state` 模块来管理和操作 Cookie。`Ext.state` 提供了一个统一的状态管理接口,其中包含了多种存储提供者(如 SessionStorageProvider、LocalStorageProvider 和 CookieProvider),而 ...

    轻松搞定Extjs 带目录

    - **命名空间**: 命名空间在Extjs中用于组织和管理代码,避免变量和函数名的冲突。 #### 3. Extjs OOP Extjs支持面向对象编程,其对象模型包括: - 类的定义(Ext.extend) - 对象实例化(通过new关键字) - 原型...

    Ext RadioGroup实例

    接着,我们可以探讨如何从RadioGroup中获取用户的选择。有两种主要方式:一是通过`getValue()`方法获取选定的值,二是通过`getSelected()`方法获取选定的单选按钮对象。例如: ```javascript // 获取选定的值 var ...

    Extjs6中Combobox实现下拉多选

    该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能

    Extjs中文文档

    Extjs中文文档,包含Extjs的基本语法和各个类的详细说明以及用法。

    Extjs panel里添加checkboxgrop后台动态获取数据

    Extjs checkboxgrop动态获取后台数据,并默认为全选状态

Global site tag (gtag.js) - Google Analytics