Ext的CheckboxSelectionModel默认选中

小灰灰 2022-08-21 04:54 229阅读 0赞

说明：勾选某几条记录后，翻页再翻回来，保持原来的选中状态。

原理：在勾选或取消勾选的时候用recordIds保存或删除勾选中的Record的主键id值,  
   每次store加载(load事件)完后,遍历store,比较每条Record的主键列id是否在recordIds中,  
   若存在则将Record保存到临时变量records中,最后调用selMod.selectRecords(records, true);  
     
写Array的remove与contains方法,搞得有点像java.util.HashSet(不让Array存重复值)

function RemoveArray(array,attachId){
        for(var i=0,n=0;i<array.length;i++){
            if(array[i]!=attachId){
                array[n++]=array[i]
            }
        }
        array.length -= 1;
    }
    function containsArray(array,attachId){
        for(var i=0;i<array.length;i++){
            if(array[i]==attachId){
                return true;
                break;
            }
        }
       return false;
    } 
    Array.prototype.remove = function (obj) {
        return RemoveArray(this,obj);
    }; 
    Array.prototype.contains = function (obj) {
        return containsArray(this,obj);
    };

var recordIds=new Array();// 选中的Record主键列id列表
    var recordsChecked=new Array();// 选中的Record列表
    
    var store = new Ext.data.JsonStore({
    				url : 'viewXXX.do',
    				pruneModifiedRecords : true,
    				totalProperty : 'totalProperty',
    				root : 'root',
    				fields : [{name : 'id'}, 
    						  {name : 'status'}
    						  ],
    				listeners : {
    					load : function() {
    						var records = new Array();
    						store.each(function(record) {
    							if (recordIds.contains(record.data.id))
    								 records.push(record);
    						});
    						selMod.selectRecords(records, true);// 以后每次load数据时，都会默认选中
    					}
    				}
    			});
    	
    	var selMod = new Ext.grid.CheckboxSelectionModel({
    		handleMouseDown : Ext.emptyFn,
    				listeners : {
    					"rowdeselect" : {
    						fn : function(e, rowIndex, record) {
    							if (recordIds.contains(record.data.id)) {
    								recordIds.remove(record.data.id);
    								recordsChecked.remove(record);
    							}
    						}
    					},
    					"rowselect" : {
    						fn : function(e, rowIndex, record) {
    							if (!recordIds.contains(record.data.id))
    								recordIds.push(record.data.id);
    							recordsChecked.push(record);
    						}
    					}
    				}
    			});

发表评论取消回复

表情：

评论列表（有 0 条评论，229人围观）

还没有评论，来说两句吧...

相关阅读

相关 BootstrapTable checkbox默认选中

BootstrapTable 在Web后台管理项目中对表格展示数据使用居多，主要是表格的多条件查询、分页、排序等功能。我们的项目中前端框架是Bootstrap。所以很多插

刺骨的言语ヽ痛彻心扉/ 2024年02月19日 21:54/ 0 赞/ 69 阅读

相关 Ext1.X的CheckboxSelectionModel默认全选之后不允许编辑的BUG解决方案

Ext1.X的CheckboxSelectionModel默认全选之后不允许编辑的BUG解决方案，ext 的CheckboxSelectionModel在后台默认选中之后，前台

旧城等待，/ 2023年10月17日 20:34/ 0 赞/ 16 阅读

相关 Ext.grid.CheckboxSelectionModel状态设置

直接上代码： var model = grid.getSelectionModel(); model.selectAll();//选择所有行 mo

迈不过友情╰/ 2023年10月17日 20:34/ 0 赞/ 31 阅读

相关 android button 默认选中,Android RadioGroup中设置默认选中RadioButton 后,选中两个的问...

项目中遇到多个RadioGroup中单选RadioButton ,设置了默认选中第一个 . 然后就能选中两个RadioButton . . .. 我开始这样给设置默认选中一个

柔情只为你懂/ 2022年10月18日 00:58/ 0 赞/ 283 阅读

相关 Ext的CheckboxSelectionModel默认选中

说明：勾选某几条记录后，翻页再翻回来，保持原来的选中状态。原理：在勾选或取消勾选的时候用recordIds保存或删除勾选中的Record的主键id值, 每次sto

小灰灰/ 2022年08月21日 04:54/ 0 赞/ 230 阅读

相关 Ext.grid.CheckboxSelectionModel去除全选框

// 创建 var addsm = new Ext.grid.CheckboxSelectionModel({ checkOnly : true

Love The Way You Lie/ 2022年07月26日 05:12/ 0 赞/ 178 阅读

相关 jquery怎么获取select选中的值，默认选中

jQuery是控制和操作select详解。 eg： <select id="test"> <option value="1">选项一<option>

拼搏现实的明天。/ 2022年07月13日 11:24/ 0 赞/ 336 阅读

相关 elementUI select 默认选中

`v-model`的值为当前被选中的`el-option`的 value 属性值 <template> <el-select v-model="value

ゝ一纸荒年。/ 2022年05月30日 12:13/ 0 赞/ 633 阅读

相关 jqGrid默认选中行

jqGrid默认选中行 1.确定对比参数列表 var usernames=["taoql","matea"]; 2.loadComplete中添加方法

╰半夏微凉°/ 2022年05月17日 08:13/ 0 赞/ 354 阅读

相关 ext的grid默认选中行时选中后立即取消问题

我想用ext写一个grid，显示数据时选中其中的一行或几行，发现每次页面打开后grid的复选框都是被选中后立即又取消给选中操作增加延迟，发现这种情况就没有啦 <html>

布满荆棘的人生/ 2022年03月11日 13:53/ 0 赞/ 314 阅读