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; } } }
相关推荐
总结起来,动态读写ExtJS的CheckboxGroup涉及创建CheckboxGroup、读取选中值、设置选中值以及监听变化。通过结合`ext-basex.js`文件,你可以构建出更复杂的交互式表单和应用程序。记住,始终关注用户需求和体验,...
7. `items`: 这是一个数组,包含了每个复选框的配置,每个配置项包括`boxLabel`(复选框显示的文本)、`name`(与`checkboxgroup`相同的name,用于数据绑定)和`inputValue`(当复选框被选中时,对应的值)。...
Extjs3.0 中的CheckboxGroup默认不能动态添加item。虽然它继承了Ext.form.Field,但是却类似于容器。 CheckboxGroup配置中的items处理生成一个对应的panel,该处理过程只有一次,所以很难对CheckboxGroup进行动态...
4. 使用for循环遍历fields数组,为每一个字段创建一个checkboxfield,并设置其属性,包括boxLabel(显示的标签,即列的标题)、inputValue(唯一值,用于识别)、checked(是否默认选中)等。 5. 为每个...
尽管ExtJS4本身提供了对列可见性的控制功能,但为了更直观地展示这一特性,以及更好地满足用户的个性化需求,实现一个自定义的CheckboxGroup成为一种较为理想的方案。 #### 二、解决方案概述 本方案通过编写一个名...
ExtJS 提供了丰富的 UI 组件、主题以及工具,使得开发者能够轻松地创建复杂的应用程序。它支持跨浏览器兼容性,并具有良好的文档和社区支持。 #### 二、ExtJS 架构分析 ExtJS 发布包包含多个重要的目录和文件,...
在深入探讨Extjs表单中的通用组件之前,我们先简要了解一下Extjs。Extjs是一个用JavaScript编写的开源前端框架,用于构建复杂的企业级Web应用程序。它提供了丰富的UI组件库,使得开发者能够快速构建功能全面、外观...
在本文中,我们将深入探讨ExtJS 2.0中的FormPanel组件,并通过具体的示例来了解如何使用不同的组件,如checkbox、radio以及htmleditor。首先,Ext.FormPanel是ExtJS中用于创建表单的主要组件,它允许我们构建复杂的...