勾选表格行,翻页还原勾选状态,导出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