`

Ext CheckboxSelectionMode选中情况

 
阅读更多
在Ext的数据表中,有时我们会采用checkbox列来进行选中,有时确实是一个很好的体验,但是我不清楚从2.X到3.x一个BUG一直以来都没有修复,或者Ext认为这并不是一个BUG,那就是:当选中数据表时所有的记录时,数据表头上的那个一checkbox没有被选中,在做项目时遇到了这个问题,就给解决了,主要是对checkboxselectionmode进行了重写,代码如下所示:

Ext.override(Ext.grid.CheckboxSelectionModel,{
	onMouseDown : function(e, t){
        if(e.button === 0 && t.className == 'x-grid3-row-checker'){
            e.stopEvent();
            var row = e.getTarget('.x-grid3-row');
            if(row){
                var index = row.rowIndex;
                if(this.isSelected(index)){
                    this.deselectRow(index);
                }else{
                    this.selectRow(index, true);
                    this.grid.getView().focusRow(index);
                }
                
                /*检测数据表里的每一项是否都选中*/
                try{
                	var selectedNum = this.getCount();//取得选 中的记录数
                	var pageCont = this.grid.store.getCount();//取得当前一页共多少条记录
                	
					if(Ext.isEmpty(this.hdElement)){
						this.hdElement = Ext.select('div[class*=x-grid3-hd-inner x-grid3-hd-checker]',null,this.grid.id);
						this.hdEl = Ext.get(this.hdElement);
					}
					
					if(selectedNum == pageCont){
						this.hdEl.addClass('x-grid3-hd-checker-on');
					}else{
						this.hdEl.removeClass('x-grid3-hd-checker-on');
					}
                }catch(e){
                	//出现异常,不错处理
                }
                
            }
        }
    }
});


try{}catch(){}部分是我加入的代码
分享到:
评论

相关推荐

    Ext用户扩展控件-------支持树上多个节点和叶子的拖动

    在EXT JS这个强大的JavaScript框架中,用户界面的构建往往依赖于丰富的组件库。"Ext用户扩展控件-------支持树上多个节点和叶子的拖动"是EXT JS中的一个高级特性,它增强了EXT JS的树形控件(TreePanel),允许用户...

    Ext TreePanel Checked Ext复选框树

    6. **API调用**:`Ext JS`提供了API接口,如`getChecked()`和`setChecked()`,用于获取所有选中的节点或改变特定节点的选中状态。 7. **数据绑定**:复选框树的数据通常来源于后端服务,通过`Store`进行加载和同步...

    Ext JS Excel前台导出

    ### Ext JS Excel前台导出知识点解析 #### 一、前言 在Web开发领域,数据导出是一项常见的功能需求,特别是在企业级应用中。而利用Ext JS进行前端开发时,实现将Grid中的数据导出为Excel文件是一个实用且重要的功能...

    Windows 7下使用Ext2Fsd读取写入Linux Ext3&Ext4分区文件

    总之,Ext2Fsd提供了一种实用的方法,使得Windows用户能够在不离开熟悉的Windows环境的情况下,方便地访问和管理Linux Ext3和Ext4分区。通过正确安装、配置和使用,你可以轻松跨越Windows与Linux之间的文件系统障碍...

    Windows读取Ext4分区的工具 Ext2Read

    在日常工作中,尤其是涉及跨平台操作的IT专业人士,可能会遇到需要在Windows系统下访问Linux文件系统的情况。Linux最常用的文件系统类型之一就是EXT系列,包括EXT2、EXT3和EXT4。然而,Windows操作系统默认并不支持...

    EXT GridPanel获取某一单元格的值

    EXT GridPanel是EXT JS库中的一个核心组件,用于创建数据密集型的表格视图。它在Web应用程序中常用于展示大量结构化数据,并提供多种交互功能,如排序、分页、筛选和编辑等。在EXT GridPanel中,获取某一单元格的值...

    在windows下使用Ext2Fsd访问EXT4分区

    在Windows操作系统中,由于默认不支持Linux文件系统如EXT4,因此无法直接读取或写入EXT4格式的分区。但有一些第三方工具可以帮助我们解决这个问题,其中之一就是Ext2Fsd。Ext2Fsd是一个免费的开源软件,专门设计用于...

    ext3.jar ext使用非常多

    EXT,全称EXT JS,是一种基于JavaScript的开源前端框架,主要应用于构建富互联网应用程序(Rich Internet Applications,简称RIA)。EXT3.jar是EXT框架的一个版本,它包含EXT库的Java版本,通常用于Java Web应用程序...

    Ext4.0 动态修改ComboBox选择项(本地模式)

    Ext4.0是Sencha Ext JS的一个版本,它提供了一个强大的JavaScript组件库,用于构建富客户端应用程序。 首先,ComboBox在Ext JS中是一个可选列表的输入控件,它可以展示一个下拉菜单供用户选择。在本地模式下,...

    Windows读写Ext2/Ext3/Ext4文件系统

    可以读写Ext2,以Ext2方式挂载Ext3文件系统(不支持Ext3日志),不支持中文! It provides Windows NT4.0/2000/XP/2003/Vista/2008 with full access to Linux Ext2 volumes (read access andwrite access). This ...

    ext下载包,ext,ext包,ext下载

    EXT是一个流行的JavaScript库,主要用于构建富互联网应用程序(RIA)。它由Sencha公司开发,提供了丰富的UI组件和数据管理功能,让开发者能够创建交互性强、视觉效果出色的应用程序。标题中的"ext下载包"指的是EXT库...

    ext-2.0 ext-2.0 ext-2.0 ext-2.0 ext-2.0

    ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0

    ext4分区,完全格式化

    2. **元数据快照**:EXT4引入了元数据快照功能,允许在不暂停服务的情况下创建文件系统的快照,为备份和恢复提供便利。 3. **快速挂载**:EXT4采用快速挂载技术,即使在系统崩溃后也能快速恢复文件系统,减少了系统...

    最新ext3.0资源包 ext3.0

    然而,EXT3也存在一些局限性,比如它不支持文件系统的在线调整大小,这意味着在不重启系统的情况下无法扩展或缩小EXT3分区。此外,随着固态硬盘(SSD)的普及,EXT3的写入优化不如专为SSD设计的文件系统如EXT4和XFS...

    ext教程、ext核心API 、ext中文教程

    EXT,全称EXT JS,是一款基于JavaScript的开源前端框架,由Sencha公司开发,主要用于构建富客户端Web应用程序。EXT提供了一套完整的组件模型、数据绑定、事件系统和强大的布局管理,使得开发者能够创建出功能丰富的...

    ext PPT,EXT 教程,EXT 中文帮助手册,EXT 中文手册,ext_教程(入门到精通),Ext技术程序文档大全.

    EXT,全称EXT JS,是一种基于JavaScript的开源前端框架,专为构建富互联网应用程序(Rich Internet Applications, RIA)设计。EXT提供了丰富的组件库,包括数据管理、用户界面控件和布局管理,使得开发者能够创建...

    openlayers的ol-ext插件包的源码

    openlayers的ol-ext插件包的源码,课程基于openlayers开发局域网地图,可以实现地图显示、地点标注、绘制图形、添加图片与文字、地图保存与恢复、地点搜索查询、路径规划、二三维地图切换等功能,为局域网地图的开发...

    EXT学习心得,ext

    这种方法适用于需要自定义渲染逻辑的情况,例如,根据特定条件显示或隐藏复选框。`toCheckbox`函数用于生成HTML复选框代码,其值基于`dataIndex`指定的数据字段。 2. **使用CheckboxSelectionModel**:这是另一种...

    ExtJs grid多选时获取选中的所有值

    ### ExtJs Grid 多选及获取选中值详解 #### 一、背景介绍 在Web应用开发中,ExtJs 是一款非常强大的JavaScript框架,它能够帮助开发者快速构建复杂的用户界面。其中,Grid Panel(简称 Grid)是ExtJs中最常用的一个...

    EXT安装包4.2.1-1

    EXT4.2.1是一个广泛使用的JavaScript框架,主要用于构建用户界面和富互联网应用程序(RIAs)。这个安装包可能包含了EXT的各个组件、示例、文档和必要的库文件,以帮助开发者快速搭建功能丰富的Web应用。 EXT的核心...

Global site tag (gtag.js) - Google Analytics