利用缓存，保存分页的所有选中数据

我会带着你远行 2023-06-08 06:43 1阅读 0赞

var all\_check = new Array();// 勾选的pm\_code集合  
var table\_data = new Array();// 表格数据缓存

var tableResult = table.render(\{  
elem: ‘\#’ + Also.tableId,  
url: Feng.ctxPath + ‘/also/getCheckOutFile’,  
page: true,  
height: “full-250”,  
cellMinWidth: 100,  
cols: Also.initColumn(),  
done: function (res, curr, count) \{  
$(‘table tr’).on(‘click’,function()\{  
$(‘table tr’).css(‘background’,’’);  
$(this).css(‘background’,’<%=PropKit.use(“config.properties”).get(“table\_color”)%>’);  
\});  
// 设置换页勾选之前的  
table\_data = res.data;  
//在缓存中找到PM\_CODE ,然后设置data表格中的选中状态  
//循环所有数据，找出对应关系，设置checkbox选中状态  
for(var i=0;i<res.data.length;i++)\{  
for(var j=0;j<all\_check.length;j++)\{  
if(res.data\[i\].id==all\_check\[j\].id)\{  
//这里才是真正的有效勾选  
res.data\[i\]\[“LAY\_CHECKED”\]=‘true’;  
//找到对应数据改变勾选样式，呈现出选中效果  
var index= res.data\[i\]\[‘LAY\_TABLE\_INDEX’\];  
$(’.layui-table tr\[data-index=’ + index + ‘\] input\[type=“checkbox”\]’).prop(‘checked’, true);  
$(’.layui-table tr\[data-index=’ + index + ‘\] input\[type=“checkbox”\]’).next().addClass(‘layui-form-checked’);  
\}  
\}  
\}  
//设置全选checkbox的选中状态，只有改变LAY\_CHECKED的值， table.checkStatus才能抓取到选中的状态  
var checkStatus = table.checkStatus(‘AlsoFileTable’);  
if(checkStatus.isAll)\{  
$(’.layui-table-header th\[data-field=“0”\] input\[type=“checkbox”\]’).prop(‘checked’, true);  
$(’.layui-table-header th\[data-field=“0”\] input\[type=“checkbox”\]’).next().addClass(‘layui-form-checked’);  
\}  
\}  
\});

//复选框选中监听,将选中的id 设置到缓存数组,或者删除缓存数组
    table.on('checkbox(AlsoFileTable)', function (obj) {
        console.info(obj)
        if(obj.checked==true){
            if(obj.type=='one') {
                all_check.push(obj.data);
            }else{
                for(var j=0;j<table_data.length;j++){
                    var bool=true;
                    for(var i=0;i<all_check.length;i++){
                        if(all_check[i].id==table_data[j].id){
                            bool=false;
                        }
                    }
                    if(bool){
                        all_check.push(table_data[j]);
                    }
                }
            }
        }else{
            if(obj.type=='one'){
                for(var i=0;i<all_check.length;i++){
                    if(all_check[i].id==obj.data.id){
                        all_check.remove(i);
                    }
                }
            }else{
                for(var j=0;j<table_data.length;j++){
                    for(var i=0;i<all_check.length;i++){
                        if(all_check[i].id==table_data[j].id){
                            all_check.remove(i);
                        }
                    }
                }
            }
        }
    });

//删除数组自定义函数  
Array.prototype.remove=function(dx)  
\{  
if(isNaN(dx)||dx>this.length)\{return false;\}  
for(var i=0,n=0;i<this.length;i++)  
\{  
if(this\[i\]!=this\[dx\])  
\{  
this\[n++\]=this\[i\]  
\}  
\}  
this.length-=1  
\}

发表评论取消回复

表情：

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

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

相关阅读

相关利用postman完成数据的分页查询功能（springboot）

postman简介： postman工具是用来做网络接口测试的，用它来模拟网络请求，上传数据，然后得到后台项目返回的响应。Postman可以模拟表单提交，也能模拟Ajax请求，

刺骨的言语ヽ痛彻心扉/ 2023年09月28日 21:55/ 0 赞/ 9 阅读

相关利用缓存，保存分页的所有选中数据

var all\_check = new Array();// 勾选的pm\_code集合 var table\_data = new Array();// 表格数据缓存

我会带着你远行/ 2023年06月08日 06:43/ 0 赞/ 2 阅读

相关 vue + element Table的数据多选，多页选择数据回显，分页记录保存选中的数据。

1、html 在el-table添加 @selection-change=“handleSelection” <el-table ref="multipleTa

ゝ一纸荒年。/ 2022年12月26日 02:24/ 0 赞/ 134 阅读

相关利用redis缓存热门数据，分页的一种思路

普通分页一般分页做缓存都是直接查找出来，按页放到缓存里，但是这种缓存方式有很多缺点。如缓存不能及时更新，一旦数据有变化，所有的之前的分页缓存都失效了。比如像微博

痛定思痛。/ 2022年07月17日 03:22/ 0 赞/ 78 阅读

相关【Redis缓存】实现对缓存数据实现排序和分页功能

项目开发中往往会遇到一些查询逻辑较为复杂的报表，这些查询耗时动辄几十秒，甚至是几分钟，并且分页或排序时，往往是重新执行一遍SQL，效率低下。针对此情况，使用缓存

心已赠人/ 2022年05月28日 03:12/ 0 赞/ 488 阅读

相关利用vue实现的分页组件

/ 使用组件： <pagination></pagination> 组件中传入的属性有： 1、total ：一共有多少条数据：必选参数

男娘i/ 2022年05月18日 04:52/ 0 赞/ 306 阅读

相关 checkbox选中并记住状态（分页）

var checkedIds= \[\];//保存选中的id，亦适用于分页 /\ 将选中的数据ID保存\/ $("\guide-table1 input").click(

冷不防/ 2022年03月26日 03:06/ 0 赞/ 266 阅读

相关 layui 数据表格+分页+搜索+checkbox+缓存选中项数据

在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用. 　　主要功能是使用数据表格, 做分页,做搜索, 还有checkbox, 支持全选. 　　当选中一些数据的时

àì夳堔傛蜴生んèń/ 2022年03月22日 08:26/ 0 赞/ 258 阅读

相关 Elasticsearch 实现保存缓存数据和分页查询

1、保存注意@Id注解，标识此条数据在es里的唯一性，多次保存的话会触发update操作: package xxxxxx; import io

妖狐艹你老母/ 2021年12月05日 21:59/ 0 赞/ 402 阅读

相关 Vue中使用el-table组件多页选择数据回显，分页记录保存选中的数据

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQw

我就是我/ 2021年07月25日 18:10/ 0 赞/ 553 阅读