如何解决页面中paginationJS的问题,请帮助
我在分页时遇到问题,我正在从json获取数据,它正确加载了数据,问题是当我绘制这些元素并在不同数字之间分页时,它再次重复了元素>
代码:
$("#list-tab").pagination({
// you call the plugin
dataSource: data.value,// pass all the data
pageSize: 5,// put how many items per page you want
callback: function (data,pagination) {
// data will be chunk of your data (json.Product) per page
// that you need to display
var i = 0;
$.each(data,function (i,f) {
if(f.isRead){
if(f.subject.trim() == ''){
f.subject = f.sender.emailAddress.address ;
}
const listItem = document.createElement("a");
listItem.setAttribute(
"class","list-group-item list-group-item-action"
);
listItem.setAttribute("id","list" + i + "list");
listItem.setAttribute("data-toggle","list");
listItem.setAttribute("href","#list" + i);
listItem.setAttribute("role","tab");
listItem.setAttribute("aria-controls",i);
listItem.innerHTML = f.subject;
tabList.appendChild(listItem);
const contentItem = document.createElement("div");
contentItem.setAttribute("class","tab-pane");
contentItem.setAttribute("id","list" + i);
contentItem.setAttribute("role","tabpanel");
contentItem.setAttribute("aria-labelledby","list" + i + "list");
contentItem.innerHTML =
"<strong> from: " +
f.from.emailAddress.address +
"</strong><br><br>" +
"<br>"+
f.bodyPreview +
"..."+ "<button class='btn btn-primary' onclick='openSwal()'>" +
"Responder</button>";
tabContent.appendChild(contentItem);
i++;
}
});
屏幕截图: [
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。