easyUI的datagrid 分页保存选中状态

最新推荐文章于 2025-05-17 10:02:34 发布

原创最新推荐文章于 2025-05-17 10:02:34 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#easyui #datagrid #JavaScript #checkbox

JavaScript 同时被 2 个专栏收录

13 篇文章

订阅专栏

EasyUI

5 篇文章

订阅专栏

本文介绍如何在使用easyUI的datagrid进行分页操作时，保持用户选择的checkbox状态。当用户在多页之间切换时，选中的记录能够被正确地记住。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<span style="font-size:18px;">onLoadSuccess:function(data){ 
        	 
        	  var rows = data.rows;
		    	
        	  //从编辑页面传过来的指标编码
		     var indeCodes=$("#indeCodes").val();
        	  var n=indeCodes.split(';').length-1;
        	  
        	  for(var i=0;i<rows.length;i++){
        	   var obj = rows[i];
        	   //循环获取该页的指标编码
        	   var indeCodeB = obj.indeCode;
		    	  for(var j=0;j<=n;j++){
                                 //indeCodes=“JS2536,周栅渣量;JB2532,一系列二沉出水总氰化物”
		    		 var indeCodeD = indeCodes.split(";")[j];
		    		  //截取的选中的指标编码
		    		  var indeCodeA = indeCodeD.split(",")[0];
			       	 	if(indeCodeA==indeCodeB){
			       			obj.checked = true;
			       	 	}
		    	  }
        	  }
        	   $.each(data.rows, function(index, item){
            	  if(item.checked){
            	  	$('#indeMasterAdd').datagrid('checkRow', index);

            	  }

            	});
          }  </span>

点击选择跳转到指标字典列表的datagrid。