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涉及创建CheckboxGroup、读取选中值、设置选中值以及监听变化。通过结合`ext-basex.js`文件,你可以构建出更复杂的交互式表单和应用程序。记住,始终关注用户需求和体验,...
EXTJS高级程序设计源代码6-2 EXTJS高级程序设计源代码6-2
EXTJS高级程序设计源代码6-4 EXTJS高级程序设计源代码6-4
EXTJS高级程序设计源代码6-3 EXTJS高级程序设计源代码6-3
EXTJS高级程序设计源代码6-1 EXTJS高级程序设计源代码6-1
ExtJs4 Checkbox Tree是基于ExtJs 4框架实现的一种特殊树形组件,它在传统的树形结构基础上增加了复选框功能。这种组件常用于需要用户多选树形数据的场景,比如权限设置、目录选择等。下面将详细介绍ExtJs4 Checkbox...
在EXTJS中,`checkboxgroup` 是一个用于创建一组复选框的组件,通常用于让用户在多个选项中进行多选。 在EXTJS中,`checkboxgroup` 的配置项包括但不限于: 1. `xtype`: 这个属性定义了组件的类型,对于`checkbox...
Extjs3.0 中的CheckboxGroup默认不能动态添加item。虽然它继承了Ext.form.Field,但是却类似于容器。 CheckboxGroup配置中的items处理生成一个对应的panel,该处理过程只有一次,所以很难对CheckboxGroup进行动态...
EXTJS4+MVC+JSP-buy360用户管理系统源码是一款基于EXTJS4、MVC架构和JSP技术开发的用户管理平台。...开发者可以通过源代码学习EXTJS4的组件使用、MVC模式的实践以及JSP与EXTJS的结合方式,对提升Web开发技能大有裨益。
深入浅出ExtJS 源代码深入浅出ExtJS 源代码深入浅出ExtJS 源代码深入浅出ExtJS 源代码深入浅出ExtJS 源代码
EXTJS的应用通常从一个主配置文件开始,定义了所有组件、布局和数据源。 5. **JavaScript编程**:在EXTJS中,JavaScript是构建用户界面和控制应用逻辑的主要语言。理解JavaScript的基础知识,如对象、函数、闭包...
ext基本的控件例子ext基本的控件例子ext基本的控件例子ext基本的控件例子
此外,它还可能包含了设置ExtJS的全局配置,如主题、分辨率适配等。 4. **example.json**:这可能是模拟的数据源,用于展示仪表盘组件的数据。在实际应用中,数据通常来源于服务器API,但为了演示目的,可以使用...
ExtJS 是一个流行的JavaScript库,主要用于构建富客户端的Web应用程序。这个实例——"嗖嗖嗖",似乎是一个基于ExtJS的项目,但具体的功能或用途并未在标题和描述中明确指出。不过,我们可以根据提供的文件名来推测...
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
在“ExtJS4.0-WEB开发项目源代码”这个资源中,你将有机会接触到基于ExtJS 4.0版本的项目实例,这对于学习和理解ExtJS的应用开发是非常有价值的。 首先,让我们深入了解ExtJS 4.0的关键特性: 1. **组件化**:...
在"java三大框架(SSH)+EXTJS物流管理系统源代码"项目中,开发者可能使用了这些技术来构建一个完整的物流管理系统。登录信息为用户名"admin",密码"123",这意味着系统有一个基础的用户认证机制。这个系统可能包括...
看到网上有的版本都是不完整的。这个事深入浅出ExtJs第二版源代码完整的。源代码在:\深入浅出ExtJs第二版源代码\examples下。
深入浅出ExtJs书籍自带的源代码,分别是1到15章相对应的源代码。 目录清楚,结构清晰,代码详细!