Javascript 通过分页更改表信息
我有一个用SQL语句填充的表,它显示了前20行。我还有一个页码,告诉我会有多少页。(总计行/20) 我想更改按下按钮时显示的数据,例如第3页将显示第41-60行。这就是我使用JS将信息放入表中的方式Javascript 通过分页更改表信息,javascript,sql,vb.net,twitter-bootstrap-3,pagination,Javascript,Sql,Vb.net,Twitter Bootstrap 3,Pagination,我有一个用SQL语句填充的表,它显示了前20行。我还有一个页码,告诉我会有多少页。(总计行/20) 我想更改按下按钮时显示的数据,例如第3页将显示第41-60行。这就是我使用JS将信息放入表中的方式 var pages = document.createElement('li'); var link = document.createElement('a'); var span = document.createElement('span'); link.setAttri
var pages = document.createElement('li');
var link = document.createElement('a');
var span = document.createElement('span');
link.setAttribute('href', '#');
link.setAttribute('aria-label', 'Previous');
span.setAttribute('aria-hidden', 'true');
span.innerHTML = "«";
link.appendChild(span)
pages.appendChild(link)
$('#pgeCounter').append(pages);
for (counter = 1; counter <= data.d.NumPages; counter++) {
var pages = document.createElement('li');
var link = document.createElement('a');
link.setAttribute('href', '#');
link.innerHTML = counter;
pages.appendChild(link)
$('#pgeCounter').append(pages);
}
var pages = document.createElement('li');
var link = document.createElement('a');
var span = document.createElement('span');
link.setAttribute(this.RowInfo + 20);
link.setAttribute('href', '#');
link.setAttribute('aria-label', 'Next');
span.setAttribute('aria-hidden', 'true');
span.innerHTML = "»";
link.appendChild(span)
pages.appendChild(link)
$('#pgeCounter').append(pages);
var pages=document.createElement('li');
var link=document.createElement('a');
var span=document.createElement('span');
link.setAttribute('href','#');
link.setAttribute('aria-label','Previous');
setAttribute('aria-hidden','true');
span.innerHTML=“«”;
link.appendChild(span)
pages.appendChild(链接)
$('#pgeCounter')。追加(页);
对于(counter=1;counter使用simplePagination插件
$("#pgeCounter").pagination ( {
itemsOnPage: 5,
pages: data.d.NumPages,
onPageClick: function (pageNum) {
//alert(pageNum);
fillTable(currAppName, pageNum);
}
});
使用simplePagination插件与
$("#pgeCounter").pagination ( {
itemsOnPage: 5,
pages: data.d.NumPages,
onPageClick: function (pageNum) {
//alert(pageNum);
fillTable(currAppName, pageNum);
}
});