解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题
方法:
写一个js文件,在js文件中重写复选框的显示代码,在其他地方引入该js文件
js文件重写代码如下:
//清除 checkbox 表头全选 Ext.override(Ext.grid.GridView,{ onRowSelect : function(row){ this.addRowClass(row, "x-grid3-row-selected"); var selected = 0; var len = this.grid.store.getCount(); for(var i = 0; i < len; i++){ var r = this.getRow(i); if(r){ if( this.fly(r).hasClass('x-grid3-row-selected'))selected = selected + 1; } } var hd = this.grid.getEl().select('div.x-grid3-hd-checker').first(); if (selected == len && !hd.hasClass('x-grid3-hd-checker-on')) { hd.addClass('x-grid3-hd-checker-on'); } }, onRowDeselect : function(row){ this.removeRowClass(row, "x-grid3-row-selected"); var selected = 0; var len = this.grid.store.getCount(); for(var i = 0; i < len; i++){ var r = this.getRow(i); if(r){ if( this.fly(r).hasClass('x-grid3-row-selected'))selected = selected + 1; } } var hd = this.grid.getEl().select('div.x-grid3-hd-checker').first(); if (selected != len && hd.hasClass('x-grid3-hd-checker-on')) { hd.removeClass('x-grid3-hd-checker-on'); } } });
相关推荐
通过修改网络上的一个树的例子实现节点的动态加载,还支持checkbox。
extjs带复选框的树包括全选 反选 子选父以及 父选子 与adf在jsp页面得应用 包含了工具类以及针对extjs树节点增加、删除、修改的工具方法
基于EXTjs 的 动态复选框树 json数据交互
Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选, 附源码。 修复不能多选问题,代码仅供参考
1、解压,进入extjs4.2.1\examples\form,浏览器打开 hbox-form.html 文件,当我勾选中任意一个多选下拉框,然后再勾选‘ALL’时,‘ALL’却是不被选中的状态,且输入框里没有值 2、下拉列表选择功能的js代码在下面...
extjs4.1下拉复选框完整DEMO,包含了extjs4.1主文件,代码实现了动态加载功能,所以需要配置IIS或者apache。插件文件在ux目录下,请自行参考。
分享一个ExtJs Tree, 完整的带有复选框的树形结构
extjs 如图,实现带有复选框的树,选中父节点时,选中所有子节点。取消所有子节点时,才能取消根节点。 代码如下: var Fpanel = new Ext.tree.TreePanel({ id:’ptree’, region:’west’, layout:’anchor’, border...
主要实现下拉列表复选功能,从Ext.ux.form.LovCombo.js文件改进而来...目前实现的有全选,全不选,自然序,操作序功能 changeSort负责实现操作序功能(即先选的显示顺序在前,后选的在后;取消操作也不影响操作的顺序)
extjs3.2 3.3 3.4都测试过可以使用,带有复选框的树菜单,选中父节点子节点全部选中,选中子节点父节点选中(以及父节点的父节点等),其余版本不知道能否使用
网上搜索了许久未找到...Extjs4.2 带复选框的下拉树,解决了向下勾选子节点、向上勾选父节点,正选反选获取值等问题,勾选的节点显示displayfield值直接显示在下拉文本框中。需要引用ext-all.js和ext-all-neptune.css
提问 - Boxy.ask() - 用户定义的选项,选择项传递给回调函数 弹出 - Boxy.alert() - 回调函数总是不被调用 确认 - Boxy.confirm() - 仅当用户选择了“确认”时回调函数会被调用 行业选择器 - Boxy.industry() - 仅当...
具体代码如下所示: Ext.define('AM.view.test.ReceiptList', { extend: 'Ext.grid.Panel', alias: 'widget.receiptlist', id : 'receiptlist', selModel : { selType : 'checkboxmodel', ...
NULL 博文链接:https://zhonghuart.iteye.com/blog/1698857
Extjs 2 自定义panel边框,解决双重边框问题 Extjs 3 自定义panel边框,解决双重边框问题 Extjs 4 自定义panel边框,解决双重边框问题