其他分享
首页 > 其他分享> > 勾选表格行,翻页还原勾选状态,导出excel

勾选表格行,翻页还原勾选状态,导出excel

作者:互联网

1. 问题描述

勾选excel表格数据导出,翻页后勾选,回到之前的页面勾选状态还在。

2. 问题解决

定义全局变量selectedTaskId,保存已勾选的行的id。然后每次翻页拼接完数据,遍历当前页的行,如果selectedTaskId包含当前行的id,则设置当前行的checkbox为选中状态。

$("#tbodydnc").html(trHtml);// 页面渲染完成
if (selectedTaskId.length > 0) {// 如果选中的id有值
    var trs = $("#tbodydnc").children("tr");// 获取tbody下的所有tr
    trs.each(function () {
          var id = $(this).attr("id");// 获取当前tr的id
          if (selectedTaskId.indexOf(id) >= 0) {
                $(this).find('[name=ckb]:checkbox').prop("checked", true);// 勾选当前tr
          }
    });
}

3. 效果

标签:checkbox,翻页,selectedTaskId,excel,tr,勾选,id
来源: https://www.cnblogs.com/yddwinter/p/16276105.html