`
379548695
  • 浏览: 156339 次
  • 性别: Icon_minigender_1
  • 来自: 河南郑州
社区版块
存档分类
最新评论

extjs checkbox 动态设置BoxLabel 以及 选中状态

 
阅读更多
Ext.override(Ext.form.Checkbox, {
	setBoxLabel: function(boxLabel){
		this.boxLabel = boxLabel;
		if(this.rendered){
			this.wrap.child('.x-form-cb-label').update(boxLabel);
		}
	}
});

 首先添加以上代码

使用代码如下为checbox添加全选和取消权限功能

{				        				
                xtype: "checkbox",
                checked : true,
                boxLabel: "取消全选",
                listeners : { "check" : function(obj,ischecked){
	                	checkAll(obj,ischecked);
                	}
                }    
}

 checkAll方法如下

 function checkAll(obj,ischecked) {     
			 var objArray=document.getElementsByName("column"); 
			 if(ischecked){      
			 	obj.setBoxLabel('取消全选');
				 for(i=0;i<objArray.length;i++){
					 objArray[i].checked=true;  
				 }      
			 }else{
			 	obj.setBoxLabel('全选');
			 	for(i=0;i<objArray.length;i++){ 
					objArray[i].checked=false;  
				} 
				
			 }
		 }

 

分享到:
评论
1 楼 379548695 2013-01-14  
extjs4可以试试这个代码
checkbox.getEl().down('.x-form-cb-label').update(newText);

相关推荐

    ExtJS实现动态读写Checkboxgroup

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

    EXTJS checkbox赋值

    7. `items`: 这是一个数组,包含了每个复选框的配置,每个配置项包括`boxLabel`(复选框显示的文本)、`name`(与`checkboxgroup`相同的name,用于数据绑定)和`inputValue`(当复选框被选中时,对应的值)。...

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

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

    ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox

    4. 使用for循环遍历fields数组,为每一个字段创建一个checkboxfield,并设置其属性,包括boxLabel(显示的标签,即列的标题)、inputValue(唯一值,用于识别)、checked(是否默认选中)等。 5. 为每个...

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

    尽管ExtJS4本身提供了对列可见性的控制功能,但为了更直观地展示这一特性,以及更好地满足用户的个性化需求,实现一个自定义的CheckboxGroup成为一种较为理想的方案。 #### 二、解决方案概述 本方案通过编写一个名...

    extjs详细ppt

    ExtJS 提供了丰富的 UI 组件、主题以及工具,使得开发者能够轻松地创建复杂的应用程序。它支持跨浏览器兼容性,并具有良好的文档和社区支持。 #### 二、ExtJS 架构分析 ExtJS 发布包包含多个重要的目录和文件,...

    Extjs表单中的通用组件

    在深入探讨Extjs表单中的通用组件之前,我们先简要了解一下Extjs。Extjs是一个用JavaScript编写的开源前端框架,用于构建复杂的企业级Web应用程序。它提供了丰富的UI组件库,使得开发者能够快速构建功能全面、外观...

    .archExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇).doc

    在本文中,我们将深入探讨ExtJS 2.0中的FormPanel组件,并通过具体的示例来了解如何使用不同的组件,如checkbox、radio以及htmleditor。首先,Ext.FormPanel是ExtJS中用于创建表单的主要组件,它允许我们构建复杂的...

Global site tag (gtag.js) - Google Analytics