datagrid记忆翻页前后的勾选项

最新推荐文章于 2021-06-05 06:44:43 发布

原创最新推荐文章于 2021-06-05 06:44:43 发布 · 635 阅读

0 ·

CC 4.0 BY-SA版权

该博客介绍了一种方法来实现datagrid组件在翻页后仍然记住用户的勾选状态。通过定义一个变量`selRows`存储选中项，然后在选择、取消选择、全选、全取消和数据加载后更新这个变量，从而达到翻页后仍保留勾选状态的效果。

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

定义一个变量存储所选项:

var selRows = [];

选择一行数据的时候:

onCheck:function(index,row){
           if(selRows.length == 0){
               selRows.push(row);
           } else {
               var has = false;
               for(var i = 0; i < selRows.length; i++){
                   if(row.customerId == selRows[i].customerId && row.if20 == selRows[i].if20){
                       has = true;
                       break;
                   }
}
if(has == false){
                   selRows.push(row);
}
           }
}

去掉一行勾选项的时候:

onUncheck:function(index,row){
           for(var i = 0; i < selRows.length; i++){
               if(row.customerId == selRows[i].customerId && row.if20 == selRows[i].if20){
                   selRows.splice(i,1);
                   break;
               }
           }
}

选择勾选当页所有数据的时候:

onCheckAll:function(rows){
           if(rows && rows.length > 0){
               for(var j = 0; j < rows.length; j++){
                   var row = rows[j];
                   var has = false;
                   for(var i = 0; i < selRows.length; i++){
                       if(row.customerId == selRows[i].customerId && row.if20 == selRows[i].if20){
                           has = true;
                           break;
                       }
}

                   if(has == false){
                       selRows.push(row);
                   }
               }
           }
   }

去掉勾选当页所有数据的时候:

onUncheckAll:function(rows){
           if(rows && rows.length > 0){
               for(var i = 0; i < selRows.length; i++){
                   for(var j = 0; j < rows.length; j++){
                       if(rows[j].customerId == selRows[i].customerId && rows[j].if20 == selRows[i].if20){
                           selRows.splice(i,1);
                           i--;
                           break;
                       }
                   }
               }
           }
}

刷新列表的时候反选;

onLoadSuccess:function(row){
       if(selRows && selRows.length > 0){
           var rows = row.rows;
           for(var i = 0; i < selRows.length; i++){
               for(var k =0 ;k < rows.length; k++){
                   if(rows[k].customerId == selRows[i].customerId && rows[k].if20 == selRows[i].if20){
                       $('#developTree').datagrid('checkRow', k);
                       break;
                   }
               }
           }
       }

}