`
icrwen
  • 浏览: 269600 次
  • 性别: Icon_minigender_2
  • 来自: 济南
社区版块
存档分类
最新评论

extjs 修改checkboxgroup源代码--设置单个选项置灰

阅读更多
Ext.override(Ext.form.CheckboxGroup,{
setItemDisable:function(id,disabled )
{
this.items.each(function(item) {
if(item.getName() == id)
{
item.setDisabled(disabled);
}
        });
}
});

Ext.override(Ext.form.Checkbox,{
onRender : function(ct, position){
        Ext.form.Checkbox.superclass.onRender.call(this, ct, position);
        if(this.inputValue !== undefined){
            this.el.dom.value = this.inputValue;
        }
        this.wrap = this.el.wrap({cls: 'x-form-check-wrap'});
        if(this.boxLabel){
           this.labelelment =  this.wrap.createChild({tag: 'label', htmlFor: this.el.id, cls: 'x-form-cb-label', html: this.boxLabel});
        }
        if(this.checked){
            this.setValue(true);
        }else{
            this.checked = this.el.dom.checked;
        }
        // Need to repaint for IE, otherwise positioning is broken
        if(Ext.isIE){
            this.wrap.repaint();
        }
        this.resizeEl = this.positionEl = this.wrap;
    }
});
Ext.override(Ext.form.CheckboxGroup,{
setItemDisable:function(id,disabled )
{
this.items.each(function(item) {
if(item.getName() == id)
{
item.setDisabled(disabled);
}
        });
},
setItemValue:function(index,blabel,value)
{
var i = -1;
this.items.each(function(item){
i++;
if(i == index)
{
item.boxLabel = blabel;
Ext.get(item.labelelment.id).dom.innerHTML = blabel;
item.setValue(value);
}
});
this.doLayout();
},
setCheckDisable:function(index,disabled)
{
var i = -1;
this.items.each(function(item){
i++;
if(i == index)
{
item.setDisabled(disabled);
}
});
}

});
分享到:
评论

相关推荐

    ExtJS实现动态读写Checkboxgroup

    总结起来,动态读写ExtJS的CheckboxGroup涉及创建CheckboxGroup、读取选中值、设置选中值以及监听变化。通过结合`ext-basex.js`文件,你可以构建出更复杂的交互式表单和应用程序。记住,始终关注用户需求和体验,...

    EXTJS高级程序设计源代码6-2

    EXTJS高级程序设计源代码6-2 EXTJS高级程序设计源代码6-2

    EXTJS高级程序设计源代码6-4

    EXTJS高级程序设计源代码6-4 EXTJS高级程序设计源代码6-4

    EXTJS高级程序设计源代码6-3

    EXTJS高级程序设计源代码6-3 EXTJS高级程序设计源代码6-3

    EXTJS高级程序设计源代码6-1

    EXTJS高级程序设计源代码6-1 EXTJS高级程序设计源代码6-1

    ExtJs4 Checkbox tree

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

    EXTJS checkbox赋值

    在EXTJS中,`checkboxgroup` 是一个用于创建一组复选框的组件,通常用于让用户在多个选项中进行多选。 在EXTJS中,`checkboxgroup` 的配置项包括但不限于: 1. `xtype`: 这个属性定义了组件的类型,对于`checkbox...

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

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

    EXTJS4+MVC+JSP-buy360用户管理系统源码

    EXTJS4+MVC+JSP-buy360用户管理系统源码是一款基于EXTJS4、MVC架构和JSP技术开发的用户管理平台。...开发者可以通过源代码学习EXTJS4的组件使用、MVC模式的实践以及JSP与EXTJS的结合方式,对提升Web开发技能大有裨益。

    深入浅出ExtJS 源代码

    深入浅出ExtJS 源代码深入浅出ExtJS 源代码深入浅出ExtJS 源代码深入浅出ExtJS 源代码深入浅出ExtJS 源代码

    用extjs加struts做的web-QQ聊天程序源代码

    EXTJS的应用通常从一个主配置文件开始,定义了所有组件、布局和数据源。 5. **JavaScript编程**:在EXTJS中,JavaScript是构建用户界面和控制应用逻辑的主要语言。理解JavaScript的基础知识,如对象、函数、闭包...

    extJs例子-------

    ext基本的控件例子ext基本的控件例子ext基本的控件例子ext基本的控件例子

    extjs_4.1.0_community_extjs4-mvc-complex-dashboard.zip

    此外,它还可能包含了设置ExtJS的全局配置,如主题、分辨率适配等。 4. **example.json**:这可能是模拟的数据源,用于展示仪表盘组件的数据。在实际应用中,数据通常来源于服务器API,但为了演示目的,可以使用...

    extjs实例--------嗖嗖嗖

    ExtJS 是一个流行的JavaScript库,主要用于构建富客户端的Web应用程序。这个实例——"嗖嗖嗖",似乎是一个基于ExtJS的项目,但具体的功能或用途并未在标题和描述中明确指出。不过,我们可以根据提供的文件名来推测...

    extjs-OA extjs-oa

    一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa

    ExtJS4.0-WEB开发项目源代码

    在“ExtJS4.0-WEB开发项目源代码”这个资源中,你将有机会接触到基于ExtJS 4.0版本的项目实例,这对于学习和理解ExtJS的应用开发是非常有价值的。 首先,让我们深入了解ExtJS 4.0的关键特性: 1. **组件化**:...

    java三大框架(SSH)+EXTJS物流管理系统源代码

    在"java三大框架(SSH)+EXTJS物流管理系统源代码"项目中,开发者可能使用了这些技术来构建一个完整的物流管理系统。登录信息为用户名"admin",密码"123",这意味着系统有一个基础的用户认证机制。这个系统可能包括...

    深入浅出ExtJs第二版源代码(全部)

    看到网上有的版本都是不完整的。这个事深入浅出ExtJs第二版源代码完整的。源代码在:\深入浅出ExtJs第二版源代码\examples下。

    深入浅出ExtJs 源代码

    深入浅出ExtJs书籍自带的源代码,分别是1到15章相对应的源代码。 目录清楚,结构清晰,代码详细!

Global site tag (gtag.js) - Google Analytics