Ext的CheckboxSelectionModel默认选中

小灰灰 2022-08-21 04:54 208阅读 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 条评论，208人围观）

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

相关阅读

相关 BootstrapTable checkbox默认选中

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

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

相关 Element-ui表格默认选中后通过其他操作取消默认选中

Element-ui表格默认选中后通过其他操作取消默认选中 ![演示示例][20201124100423134.gif_pic_left] 官方文档 ![在这里插

ゝ一世哀愁。/ 2022年12月23日 09:35/ 0 赞/ 576 阅读

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

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

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

相关 Ext的CheckboxSelectionModel默认选中

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

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

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

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

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

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

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

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

相关 elementUI select 默认选中

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

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

相关 jqGrid默认选中行

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

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

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

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

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

相关 Ext.Net开发_GridPanel行选中取值

项目中常用到GridPanel，单击（双击）一行数据后展示一些数据，打开新页面……这些功能都可以实现。只要获取单击（双击）时行的主键ID，即可！ Ext.Net中常见的

布满荆棘的人生/ 2021年11月09日 10:44/ 0 赞/ 304 阅读