`

EXTJS CheckboxGroup重写setValue与getValue方法

 
阅读更多
取到的值是:"1,2"这种形式

var wine = Ext.create('Ext.form.CheckboxGroup',{
            fieldLabel:'喜欢烟酒',
            labelAlign:'right',
            width:250,
            labelWidth:60,
            name:'smokes',
            items:[
                {anchor:'50%',boxLabel:'抽烟',name:'smoke',inputValue:'1'},
                {anchor:'50%',boxLabel:'喝酒',name:'wine',inputValue:'2'}
            ],
            getValue: function () {
                var val = [];
                this.items.each(function (c) {
                    if (c.getValue() == true)
                        val.push(c.inputValue);
                });
                return val.join(',');
            },
            setValue: function (val) {
                if (val.split) {
                    val = val.split(',');
                }
                this.reset();
                for (var i = 0; i < val.length; i++) {
                    this.items.each(function (c) {
                        if (c.inputValue == val[i]) {

                            c.setValue(true);
                        }
                    });
                }
            },
            reset: function () {
                this.items.each(function (c) {
                    c.setValue(false);
                });
            }
分享到:
评论

相关推荐

    ExtJS实现动态读写Checkboxgroup

    若想动态写入CheckboxGroup,即改变其状态,可以使用`setValue()`方法,传入一个与`getValue()`相同格式的数组: ```javascript checkboxGroup.setValue(['2', '3']); ``` 上述操作会根据提供的inputValue值选中...

    EXTJS checkbox赋值

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

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

    Extjs3.0 中的CheckboxGroup默认不能动态添加item。虽然它继承了Ext.form.Field,但是却类似于容器。 CheckboxGroup配置中的items处理生成一个对应的panel,该处理过程只有一次,所以很难对CheckboxGroup进行动态...

    ExtJs4 Checkbox tree

    ExtJs4 Checkbox Tree是基于ExtJs 4框架实现的一种特殊树形组件,它在传统的树形结构基础上增加了复选框功能。这种组件常用于需要用户多选树形数据的场景,比如权限设置、目录选择等。下面将详细介绍ExtJs4 Checkbox...

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

    extjs 初始化checkboxgroup值的代码

    Ext.override(Ext.form.CheckboxGroup,{ setValueForItem : function(val){ //多个选项值以逗号分开的 val = “,”+val+”,” this.items.each(function(item) { if (val.indexOf(item.inputValue) &gt; -1) { item....

    extjs带复选框的树包括全选 反选 子选父以及 父选子

    在JSP页面上,ExtJS与ADF(Oracle Application Development Framework)一起使用时,可能涉及到数据模型和视图的交互。ADF提供服务器端的业务逻辑处理,而ExtJS负责客户端的展示和交互。在这样的应用场景中,我们...

    Extjs 4.11 重写 Panel 添加 click事件

    3. **重写Panel的行为**:如果要重写Panel的默认行为,我们可以使用`on`方法,它与`addListener`相似,但提供了更多的控制。例如,我们可能希望只有在点击Panel的某个特定区域(如标题栏)时才触发事件: ```...

    Extjs 重写Panel添加click事件

    在这个场景中,我们将深入探讨如何在Ext JS中重写Panel并为其添加click事件。 首先,理解Panel的基本结构是至关重要的。一个Panel由多个部分组成,包括头部(header)、主体(body)和脚部(footer)。我们可以通过...

    EXT checkbox 的 check 事件

    EXTjs2 的treeNode 带有checkbox,可是API中,关于checkbox的事件就只有一个checkchange事件,所以写个方法传上来。

    Ext模拟下拉多选checkbox

    Extjs 模拟下拉多选checkbox

    extjs属性方法大全

    ### Extjs 属性方法详解 #### 一、`Ext.form.Action` 类 `Ext.form.Action` 是用于处理表单操作的类,主要包括提交和加载数据的功能。 - **属性:** - `success`: 表示操作成功时的回调函数。 - `failure`: ...

    extjs扩展年度控件,EXTJS里的时间控件的年度重写

    EXTJS是一种广泛应用于Web开发的JavaScript库,特别适合构建富客户端应用。在EXTJS中,时间控件(Date Picker)是常见的元素,用于选择日期或时间。然而,有时开发人员可能需要对这些控件进行自定义,以满足特定业务...

    ExtJS+FusionCharts结合的两种方法

    标题中的“ExtJS+FusionCharts结合的两种方法”是指在Web开发中,如何将ExtJS框架与FusionCharts图表库结合起来使用,以实现交互式的、数据丰富的可视化界面。ExtJS是一个强大的JavaScript库,用于构建复杂的用户...

    extjs4如何自动生成掌握grid的列显示、隐蔽的checkbox_.docx

    ### ExtJS4自动生成Grid列显示/隐藏Checkbox的实现方法 #### 一、问题背景及需求分析 在ExtJS4的应用开发过程中,有时会遇到这样的需求:需要为GridPanel中的每一列提供一个Checkbox来控制其是否显示。尽管ExtJS4...

    EXTJS动态树支持checkbox 全选

    标题中的“EXTJS动态树支持checkbox全选”指的是EXTJS中树组件的一个特性,即在树形结构中添加复选框(checkbox)功能,并支持全选和全取消选中操作。这样的功能对于需要用户进行多项选择的场景非常有用,比如文件...

    ExtJs官网2.3.0开发包

    10. **API文档**:虽然没有提供官方中文文档,但英文API文档详细介绍了每个类、方法和属性,是学习和使用ExtJS的重要资源。 11. **示例和教程**:2.3.0开发包通常会包含一些示例代码,这些代码展示了如何使用各种...

Global site tag (gtag.js) - Google Analytics